Sgwgo 316 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 سلام دوستان خوبیداین تمام عکس هایی هست که تو سایت لود میشن عکسشون ساختم ولی حالا تو css ضعیف هستم و نمیدونم چطور باید کدهارو دستکاری کنمبا مختصات دادن مشکل دارماینم آدرس سایتم www.fadroid.irبه عنوان مثال برای عکس بگراند کمکم کنیدعکس زیر عکس بگراند منهکه تو تصویری که ساختم همون اسپرایته در قسمت بالا قرار داده حالا چطور کد بدم که فقط همین بک گراند دیده بشه فقطکد های منو هم که میتونید خودتون از سایت من ببینیدhttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dark/bg.png نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 مختصات دادن کار سخت و زمان بریه اول از همه عکس ها را باید با قانونی مشخص کنار هم بگذاری به طور مثال با فاصله ی 50 پیکسل از دو طرف و در هر مربع از گوشه ی سمت چپ بالا یک آیکون قرار بدی و اگر فرض کنیم عرض تصویر ساخته شده 250 پیکسل بشود یعنی در هر ردیف 5 آیکون باشد کدت می شود <style type="text/css">.icon1 {background-position:0px 0px;}.icon2 {background-position:50px 0px;}.icon3 {background-position:100px 0px;}.icon4 {background-position:150px 0px;}.icon5 {background-position:200px 0px;}.icon6 {background-position:0px 50px;}.icon7 {background-position:50px 50px;}.icon8 {background-position:100px 50px;}.icon9 {background-position:150px 50px;}.icon10 {background-position:200px 50px;}</style> 3 نقل قول لینک به ارسال
oMid 2114 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 css image spritesspriteme 4 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 برای بک گراندت پیشنهاد می کنم از رنگش استفاده کنی کد رنگ بک گراند شما #4C4F52 است که می شود background:#4C4F52; 4 نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 آقا من با spriteme عکسامو درست کردم آیا این قانونی درست میکنه اگه قانونی درست میکنه مختصات این عکسم چطور بدست بیارم نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 ببینید اگر شما خودتون عکس رو در فتوشاپ ایجاد کنید و اندازه ها رو با پیکسل بدید اونوقت فاصله دادن اسون میشه.آقا من با spriteme عکسامو درست کردم آیا این قانونی درست میکنهمن نتونستم باهاش کار کنم. 3 نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 آقا مرتضی برای شما مقدور عکس هارو برای من بسازید؟این لینک عکس هایی هستن که باید اسپرایت بشنhttp://www.fadroid.com/wp-content/plugins/lightbox-plus/css/elegant/images/border.pnghttp://www.fadroid.com/wp-content/plugins/lightbox-plus/css/elegant/images/controls.pnghttp://www.fadroid.com/wp-content/plugins/lightbox-plus/css/elegant/images/loading_background.pnghttp://www.fadroid.com/wp-content/plugins/lightbox-plus/css/elegant/images/overlay.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/bull_arrow_rtl.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dark/bg.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dark/grid_dark.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dark/home_icon.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dark/nav_bg.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dark/search_icon.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/dots_pat.pnghttp://www.fadroid.com/wp-content/themes/goodnews-persianscript/images/slide_cap.png نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 (ویرایش شده) خب دوستان من تا حدودی موفق شدمعکسمو به صورت استاندارد ساختم ولی هنوز یجایی مشکل دارم و اون عدم آشنایی کامل با کدهایی cssبه این عکس دقت کنیدآیکن هوم فقط باید یکم بیاد پایینبا هیچ کدی نتونستم با موفقیت بیارمش پاییناینم عکس اسپرایت منو اینم کدهایی css من#navigation ul.nav li.home > a { background:url(../images/spite.png) no-repeat top left; background-position: 15px -262px; width: 29px; height: 28px; ویرایش شده مرداد 91 توسط Sgwgo نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 #navigation ul.nav li.home > a { background:url(../images/spite.png) no-repeat 3px left; background-position: 15px -262px; width: 29px; height: 28px;با کم و زیاد کردن 3px جای دقیق آیکون را تعیین کنید 2 نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 از 262 کم کنم؟ وااااااااااااااااااااای باورم نمیشه مشکل فقط از یه height بود باید 100% میکردم نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 (ویرایش شده) اینبار با عکس بکگراند مشکل دارمکد سی اس اسش اینهbackground:#3a3c3d url(../images/sprite.png);background-position: 0px 0px;پرا چرا اینطور نشون میده ویرایش شده مرداد 91 توسط Sgwgo نقل قول لینک به ارسال
Parsa 23463 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 بکگراند سایتتتون هست؟برای انتخاب بکگراند یک بخش به روش Sprite باید width و height اون قسمت هم تنظیم باشداز norepeat هم استفاده کنید برای تکرار نشدنbackground:#3a3c3d url(../images/sprite.png) norepeat ; 3 نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 بله زمینه سایت هستطول و عرض که داده نمیشه!!تکرار همکه باید باشه نقل قول لینک به ارسال
Parsa 23463 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 فکر میکنم تصویر اشتباه انتخاب شده! نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 خب عکس من قرار دادم اولین تیکه هم مال خود بکگراند یعنی مختصاصت 0 و 0ولی چرا کل عکس نمایش داده میشهخداااااا دارم راوانی میشم نقل قول لینک به ارسال
Parsa 23463 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 واسه زمینه سایت (body) نمیشه موقعیت تعیین کرد!باید از تصویر یک شکل استفاده کنید 2 نقل قول لینک به ارسال
oMid 2114 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 از norepeat هم استفاده کنید برای تکرار نشدنbackground:#3a3c3d url(../images/sprite.png) norepeat ;بی ادبی مرا بپذیرید.ولی فکر کنم no-repeat صحیح تر است...# 2 نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 از زمینه که بگذریمیه قسمت هم دارم که توش مشکل دارمبخاطر اینکه عرض تصویر زیاد شده تو تصویر اسپریت شده فاصله اون قسمت خالی مونده چیکار کنم؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 من متوجه این مشکل آخرتون نشدم. بیشتر توضیح بدید که چیکار کردید. نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 تصویر اول قبل اسپرایتو دوم بعد اسپرایتعکس اسپرایتی که گذاشتم و شامل چندتا عکسه دیگه بضیا عریض هستن و بعضیا باریکحالا اونایی که باریکن یه زمینه ترنسپرد کنارشون هست به اندازه ی عرض کل تصویر اسپرایتیحالا وقتی عکس مختصات میدی تو قالب باید عکس تکرار بشه و چون اون فاصله خالی هستش پس بین خطها همونطور که تو تصویر میبینید فاصله میوفتهبا چه کدی به هم نزدیکشون کنم؟ نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مرداد 91 گزارش بازنشر ارسال شده در مرداد 91 اگر آنلاین باشه یا بتونید کد رو بزارید تا در عمل هم مشکل رو ببینیم خیلی خوب میشه.چون وقتی مختصات دایدید و repeat هم هست باید درست عمل کنه مگر اینکه آدرس دهی یا position اشتباه باشه. نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 خب من رو قالب اصلی انجام ندادم گفتم بهم نریزه و هی مجبورم باشم کش پاک کنم.دارم روی لوکال باهاش ور میرم که تا الان واسه 2 تا از تصویرا موفق بودم و رو قالب آنلاین هم اعمالشون کردممن به شما وسایل میدم شما با خاصیت inspact یا یا افزونه firebug روی قالب اصلی من تست کنیدآدرس عکس اسپرایت شده:http://www.fadroid.c...ages/sprite.pngآدرس سایت : www.fadroid.irپستیشن تصویر در عکس اسپرایت :background-position: 0 -143px;محلی که این تصویر وجود داره نقل قول لینک به ارسال
Sgwgo 316 ارسال شده در مرداد 91 مالک گزارش بازنشر ارسال شده در مرداد 91 کسی متوجه مشکل من نشد ؟ نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .