danial2014

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

آغاز شده توسط: danial2014,

10 پست در این موضوع

ارسال شده در

با سلام خدمت همه عزیزان

بنده فایل CSS sprites ساختم اما راهنمایی میخوام برای جایگزاری در قالبم میخواست بدونم چی کار باید بکنم تا قالبم خراب نشه؟

فایل CSS sprites

css-sprites دانلود ● آپلود سنتر انجمن جوملای ایران

آدرس قالب من

http://www.tak-bartarcup.com/template.zip

Share this post

Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ارسال شده در

برای استفاده باید مسیر را بهش بدید همراه با موقعیت

به صورت زیر

background:url(../images/test.png) 0px -100px;

Share this post

Link to post
Share on other sites

ارسال شده در

برای استفاده باید مسیر را بهش بدید همراه با موقعیت

به صورت زیر

background:url(../images/test.png) 0px -100px;

تو فایل css معرفی کردم هست مشکلم جایگزاری در قالب هستش که عکس های فعلی رو کدش رو پاک کنم و با این css جدید جایگزین کنم؟

Share this post

Link to post
Share on other sites

ارسال شده در

خب باید تک تک این کار را انجام بدید چه مشکلی دارید؟

عکس هایی که انتخاب کردید و sprite کردید را پیدا و جایگزین کنید

Share this post

Link to post
Share on other sites

ارسال شده در

آخه مسیر عکس هامو تو قالب پیدا نمیکنم زیاد css نمیدونم اولین باره این کار رو میخوام بکنم که از sprite استفاده کنم میشه یه نمونه بزنید یاد بگیرم؟

Share this post

Link to post
Share on other sites

ارسال شده در

کسی نیست راهنمایی کنه بچه ها چه جوری تو قالبم دستکاری کنم؟

دوست عزیز یادگیری css خیلی به شما کمک میکنه چون یکی از ملزومات کار هست

شما تاپیک زیر را با دقت بخونید

آموزش css به صورت كامل و جامع

در css عکس ها به طور معمول با دستور background-image فراخونی میشن

Share this post

Link to post
Share on other sites

ارسال شده در

سلام دوستان

من با ی نرم افزار ی اینترو طراحی کردم و نمیدونم کدهاشو چطور برای 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>

Share this post

Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری
بازگشت به لیست عناوین تاپیک رفع مشکلات و سوالات عمومی جوملا 1.7 و 2.5