تغییر در استایل بعد از کد های وردپرس

این تاپیک 5 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  itmag ،‏ 2 سال و 6 ماه پیش .

این تاپیک تاکنون 674 بازدید داشته است .

نویسنده پست
یکشنبه ، 1 ژوئن 2014     2:58 ب.ظ #


itmag

Subscriber
5 پست3 تاپیک

سلام

من یه طرح اماده کردم اما بعد از اینکه از کد وردپرس ،برای مثال ( آخرین مطالب) استفاده کردم آیکون هایی که قبلا درست نمایش داده میشدند جا به جا شدند

* از آیکون وب برای کنار آخرین مطالب استفاده کردم
* برای نمایش ساعت و تاریخ مطلب هم همین اتفاق میفته

سوال : با توجه به اینکه طرحم بدون این کد ها درست نمایش داده میشه مشکل از کجا میتونه باشه ؟
آیا خود وردپرس به لینک هاش استایل جداگانه ای میده ؟ ( مثلا اون ها رو توی یک <li> دیگه قرار میده ؟ )
کلا میخوام اگر میشه بهم بگید که از استایل خودم هست مشکل ؟ یا وردپرس فایلی برای تغییر داره ؟ یا باید فایل آیکون رو تغییر بدم؟
بین دو تگ i هم فرقی نمیکرد.

تشکر

پیوست ها:
You must be logged in to view attached files.
0  تشکر
یکشنبه ، 1 ژوئن 2014     6:26 ب.ظ #


وحید صالحی

Authorplus
VIP
548 پست4 تاپیک

سلام دوست عزیز ربطی به ورد پرس نداره
برای لیست ها از تگ li کن برای تصویر سمت راست و چپی که پیوست کردی ابتدا:

liststyle:none;

قرار بده بعدش برای ایکونی که می خواهی استفاده کنی از کد زیر بار li مورد نظرت استفاده کن:

liststyle-image:آدرس تصویر مورد نظر;

رو استفاده کن
کلا به شکا زیر با توجه به کلاس هایی که در بالا برای i ایجاد کردی:

li .fa-calendar-o{
list-style:none;
list-style-image:آدرس آیکون مورد نظرت;
}

برای بقیه هم از الگوی بالا استفاده کن

1  تشکر
یکشنبه ، 1 ژوئن 2014     7:38 ب.ظ #


itmag

Subscriber
5 پست3 تاپیک

[quote=26895]سلام دوست عزیز ربطی به ورد پرس نداره
برای لیست ها از تگ li کن برای تصویر سمت راست و چپی که پیوست کردی ابتدا:

liststyle:none;

قرار بده بعدش برای ایکونی که می خواهی استفاده کنی از کد زیر بار li مورد نظرت استفاده کن:

liststyle-image:آدرس تصویر مورد نظر;

رو استفاده کن
کلا به شکا زیر با توجه به کلاس هایی که در بالا برای i ایجاد کردی:

li .fa-calendar-o{
list-style:none;
list-style-image:آدرس آیکون مورد نظرت;
}

برای بقیه هم از الگوی بالا استفاده کن[/quote]

مرسی جناب صالحی که پاسخ دادید
من از فونت وب برای کنار گزینه هام میخوام استفاده کنم، عکس نیستند (البته شاید نمیشه که شما اینجوری توضیح دادید)
list style image فک میکنم فقط برای عکس هست
اگر این روش برای فونت ها هم کار میکنه لطفا بگید که آدرسش رو چه طور بنویسم ؟

به هم ریخته هم هست،تصویر سمت چپی رو ملاحظه کنید
اول عدد 11 ظاهر شده و بعد شکل تقویم
برای این به هم ریختگی چه نظری دارید ؟
نظرات رو هم الان نوشته بدون نظر ، اما اگر نظر ارسال بشه باز عدد یک میفته سمت راست آیکون فونته.

0  تشکر
دوشنبه ، 2 ژوئن 2014     11:47 ق.ظ #


itmag

Subscriber
5 پست3 تاپیک

خوب مشکل تصویر سمت چپ رو با position و float و قرار دادنش توی یک span و استایل به اون حل کردم
حالا سوال آخر که هنوز حل نشده
تصویر سمت راست
میخوام از آیکون فونت برای li ها استفاده کنم ولی متاسفانه مثل تصویر سمت راستی که پیوست کردم میشه.
میخوام از این کد برای نمایش آخرین مطالب وردپرسم استفاده کنم:


و کدی هم که آیکون رو نمایش میده این هست :

حالا چه تغییری توی این کد ها باید داده بشه و css اسش به چه صورت باید نوشته بشه تا فونت روی همه ی عنوان های مطالب اعمال بشه؟
تشکر.

0  تشکر
دوشنبه ، 2 ژوئن 2014     3:58 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

سلام

برای استفاده ار فونت آیکون ها در css باید درون کلاسی رو که میخواهید فونت به نمایش داده بشه با کد زیر معلوم کنید:

درواقع به جای استفاده از کد background از این کد استفاده کنید

1  تشکر
دوشنبه ، 2 ژوئن 2014     4:46 ب.ظ #


itmag

Subscriber
5 پست3 تاپیک

[quote=26907]سلام برای استفاده ار فونت آیکون ها در css باید درون کلاسی رو که میخواهید فونت به نمایش داده بشه با کد زیر معلوم کنید:

1

content:' آیدی فونت ';

درواقع به جای استفاده از کد background از این کد استفاده کنید [/quote]

مرسی که پاسخ دادید اما این رو هم قبلا امتحان کردم،الان هم همینطور ولی جواب نگرفتم
هم توی فایل css فونت و هم توی css اصلیم انجام دادم
اگر لیست استیل رو روی none بگزارم حذف میشه دایره کناری، اما کانتنت رو نمیخونه و هیچ تغییری نمیکنه، خودتون امتحان کردید ؟
کد رو اینجوری میزارم:

0  تشکر
پست 1 تا 6 (از مجموع 6 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .