درخواست کمک برای CSS Sprite

falconeyes · اردیبهشت 93

سلام دوستان
من با ی نرم افزار ی اینترو طراحی کردم و نمیدونم کدهاشو چطور برای css speites تغییر بدم کدها شو میزارم خواهشا کمک کنید
ممنون
یا علی

ی قسمت از کد:

<a href="http://localhost/fkar/index.php/homepage/portal" target="_blank">
        <img alt="" src="wpimages/wp1676ce5b_06.png" id="roll_2" data-imgNormal="wpimages/wp1676ce5b_06.png" data-imgOver="wpimages/wpdfe1e974_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:431px;top:402px;width:186px;height:186px;">
      </a>

کل کد

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>آموزشگاه</title>
    <meta name="generator" content="Serif WebPlus X7 (15,0,0,24)">
    <meta name="viewport" content="width=1026">
    <link rel="stylesheet" type="text/css" href="wpscripts/wpstyles.css">
    <script type="text/javascript" src="wpscripts/jquery.js"></script>
    <script type="text/javascript" src="wpscripts/jsRollover.js"></script>
    <script type="text/javascript" src="wpscripts/jquery.timers.js"></script>
    <script type="text/javascript" src="wpscripts/jquery.wpgallery.js"></script>
    <script type="text/javascript">
      var nImgNum_pg_2 = 0;
      wp_imgArray_pg_2 = new Array();
      wp_imgArray_pg_2[nImgNum_pg_2++] = new wp_galleryimage("wpimages/91ce1e73ecf6.jpg", 598, 296, "wpimages/91ce1e73ecf6t.jpg", "");
      wp_imgArray_pg_2[nImgNum_pg_2++] = new wp_galleryimage("wpimages/63e3c1cfeebc.jpg", 598, 296, "wpimages/63e3c1cfeebct.jpg", "");
      $(document).ready(function() {
      
$('#wp_gallery_pg_2').wpgallery({
      	imageArray: wp_imgArray_pg_2,
      	nTotalImages: nImgNum_pg_2,
      	nGalleryLeft: 229,
      	nGalleryTop: 94,
      	nGalleryWidth: 598,
      	nGalleryHeight: 296,
      	nImageDivLeft: 0,
      	nImageDivTop: 0,
      	nImageDivWidth: 598,
      	nImageDivHeight: 296,
      	nControlBarStyle: 0,
      	nControlBarExternalTop: 10,
      	bNavBarOnTop: true,
      	bShowNavBar: false,
      	nNavBarAlignment: 0,
      	strNavBarColour: 'none',
      	nNavBarOpacity: 1.0,
      	nNavBarIconWidth: 24,
      	nNavBarIconHeight: 24,
      	bShowCaption: false,
      	bCaptionCount: true,
      	strCaptionColour: '#ffffff',
      	nCaptionOpacity: 0.6,
      	strCaptionTextColour: '#000000',
      	nCaptionFontSize: 12,
      	strCaptionFontType: 'Courier New,Arial,_sans',
      	strCaptionAlign: 'center',
      	strCaptionFontWeight: 'normal',
      	bShowThumbnails: false,
      	nThumbStyle: 1,
      	nThumbPosition: 0,
      	nThumbLeft: 30,
      	nThumbTop: 186,
      	nThumbOpacity: 0.5,
      	nTotalThumbs: 2,
      	nThumbSize: 40,
      	nThumbSpacing: 10,
      	bThumbBorder: true,
      	strThumbBorderColour: '#000000',
      	strThumbBorderHoverColour: '#ffffff',
      	strThumbBorderActiveColour: '#ffffff',
      	bShowThumbnailArrows: true,
      	nThumbButtonSize: 24,
      	nThumbButtonIndent: 50,
      	nColBorderWidth: 2,
      	nTransitionStyle: 1,
      	nStaticTime: 10000,
      	nTransitTime: 900,
      	bAutoplay: true,
      	loadingButtonSize: 38,
      	bPageCentred: true,
      	nPageWidth: 1026,
      	nZIndex: 100,
      	loadingButtonSrc: 'wpimages/wpgallery_loading_1.gif',
      	blankSrc: 'wpscripts/blank.gif',
      	rewindButtonSrc: 'wpimages/wpgallery_rewind_0.png',
      	prevButtonSrc: 'wpimages/wpgallery_previous_0.png',
      	playButtonSrc: 'wpimages/wpgallery_play_0.png',
      	pauseButtonSrc: 'wpimages/wpgallery_pause_0.png',
      	nextButtonSrc: 'wpimages/wpgallery_next_0.png',
      	forwardButtonSrc: 'wpimages/wpgallery_forward_0.png',
      	thumbRewindButtonSrc: 'wpimages/wpgallery_rewind_0.png',
      	thumbForwardButtonSrc: 'wpimages/wpgallery_forward_0.png',
      	rewindoverButtonSrc: 'wpimages/wpgallery_rewind_over_0.png',
      	prevoverButtonSrc: 'wpimages/wpgallery_previous_over_0.png',
      	playoverButtonSrc: 'wpimages/wpgallery_play_over_0.png',
      	pauseoverButtonSrc: 'wpimages/wpgallery_pause_over_0.png',
      	nextoverButtonSrc: 'wpimages/wpgallery_next_over_0.png',
      	forwardoverButtonSrc: 'wpimages/wpgallery_forward_over_0.png',
      	thumboverRewindButtonSrc: 'wpimages/wpgallery_rewind_over_0.png',
      	thumboverForwardButtonSrc: 'wpimages/wpgallery_forward_over_0.png',
      	strRewindToolTip: 'Reverse',
      	strPreviousToolTip: 'Previous',
      	strPlayToolTip: 'Play',
      	strPauseToolTip: 'Pause',
      	strNextToolTip: 'Next',
      	strForwardToolTip: 'Forward',
      	strThumbRewindToolTip: 'Reverse',
      	strThumbForwardToolTip: 'Forward'
      });
      });
    </script>
  </head>
  <body style="height:697px;background:transparent url('wpimages/wp5ceba1c0_06.jpg') repeat scroll left top;">
    <div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wpb145bc87_06.jpg') repeat-x scroll left top;"></div>
    <div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wp2279a08d_06.jpg') repeat-x scroll left bottom;"></div>
    <div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wp85691aed_06.png') no-repeat scroll center top;"></div>
    <div style="height:inherit;width:100%;min-width:1026px;margin:0;position:absolute;background:transparent url('wpimages/wpd73bd33c_06.png') no-repeat scroll center bottom;"></div>
    <div id="divMain" style="background:transparent;margin-left:auto;margin-right:auto;position:relative;width:1026px;height:697px;">
      <img alt="" src="wpimages/wp254ac4c2_06.png" style="position:absolute;left:208px;top:72px;width:645px;height:344px;">
      <a href="http://localhost/fkar/index.php/homepage/portal" target="_blank">
        <img alt="" src="wpimages/wp1676ce5b_06.png" id="roll_2" data-imgNormal="wpimages/wp1676ce5b_06.png" data-imgOver="wpimages/wpdfe1e974_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:431px;top:402px;width:186px;height:186px;">
      </a>
      <a href="engineering-department.html">
        <img alt="دپارتمان فنی مهندسی" src="wpimages/wp84d29f9d_06.png" id="roll_3" data-imgNormal="wpimages/wp84d29f9d_06.png" data-imgOver="wpimages/wpfa0c9272_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:628px;top:402px;width:186px;height:186px;">
      </a>
      <a href="english-department.html">
        <img alt="دپارتمان زبان انگلیسی" src="wpimages/wp619acaef_06.png" id="roll_4" data-imgNormal="wpimages/wp619acaef_06.png" data-imgOver="wpimages/wpf5d3db47_06.png" data-state="up" onmouseover="rollOver(this);" onmouseout="rollOut(this);" style="position:absolute;left:233px;top:402px;width:186px;height:186px;">
      </a>
      <div id="wp_gallery_pg_2" style="position:absolute;left:229px;top:94px;width:598px;height:296px;"></div>
      <img alt="" src="wpimages/wp9d299a79_06.png" style="position:absolute;left:73px;top:102px;width:125px;height:310px;">
      <img alt="" src="wpimages/wpdcffcb98_06.png" style="position:absolute;left:885px;top:139px;width:31px;height:221px;">
    </div>
  </body>
</html>

mahdiar.dadmarzi · اردیبهشت 93

با سلام
شما کلا برای قالب گه اگه جوملا باشد باید صفحات جداگانه برای css ,index .php داشته باشید که کد ها تو اون صفحات قرار میدهید و بعد تو صفجه index.php اونرا فراخون کنید

ورود

آخرین ارسال های انجمن جومینا

دانلود جوملای فارسی

دانلود افزونه ها

پیامک متصل به جوملا

کانال تلگرام جومینا

درخواست کمک برای CSS Sprite

پست های پیشنهاد شده

falconeyes 6

به اشتراک گذاری این ارسال

لینک به ارسال

به اشتراک گذاری در سایت های دیگر

mahdiar.dadmarzi 39

به اشتراک گذاری این ارسال

لینک به ارسال

به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

فهرست

فعالیت ها