sasanblue
آفلاین
عضو
تعداد نوشتهها: ۲۹
تشکر شده: ۲ بار
#
نوشته شده: ۱۴ سال پیش
۳۰ شهریور ۱۳۸۹ - ۲۳:۵۰
می خواستم با استفاده از css یه تک مثل info تعریف کنم که هر نوشته ای در بین دو تگ <info> و </info> قرار بگیره به صورت خاصی نمایش داده بشه( مثلا با رنگ فونت متفاوت و یه عکس پس زمینه)
اومدم استایل زیر رو تعریف کردم
info {
margin: 0 10px 0 10px;
padding: 30px 30px 10px 20px;
background: transparent url(img/info-small.png) no-repeat top;
font-family: Times New Roman;
}
متاسفانه کار نداد
اما وقتی اومدم بجای info از h6 استفاده کردم به راحتی کار کرد. حالا متوجه شدم به خاطر امور seo نمی تونم زیاد از h6 به عنوان گذاشتن اطلاعات پست استفاده کنم.
میتونید منو راهنمایی کنید واسه ساختن این تگهای سفارشی؟
Mostafa
آفلاین
ناظم
تعداد نوشتهها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
#
نوشته شده: ۱۴ سال پیش
۳۰ شهریور ۱۳۸۹ - ۲۳:۵۶
خب از تگ پاراگراف استفاده کنید
<p class="info"> </p>
و
p.info {
margin: 0 10px 0 10px;
padding: 30px 30px 10px 20px;
background: transparent url(img/info-small.png) no-repeat top;
font-family: Times New Roman;
}
کاربران زیر بهخاطر این نوشته تشکر کردهاند:
sasanblue
sasanblue
آفلاین
عضو
تعداد نوشتهها: ۲۹
تشکر شده: ۲ بار
#
نوشته شده: ۱۴ سال پیش
۳۱ شهریور ۱۳۸۹ - ۱۱:۲۶
خب چون کاربر آماتور هم داره این سایت میخواستم تا حد امکان این کد ساده باشه
اصلا همچین امکانی هست تو html/css ؟
راه دومم این هست که مثلا همین کد زیر رو در ادیتور به صورت پیش فرض تعریف کنم تا کاربران آماتور به کد نویسی احتیاج نداشته باشند
<p class="info"> </p>
Mostafa
آفلاین
ناظم
تعداد نوشتهها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
#
نوشته شده: ۱۴ سال پیش
۳۱ شهریور ۱۳۸۹ - ۱۳:۰۱
اصلا همچین امکانی هست تو html/css ؟
امکان چی؟
کاربران زیر بهخاطر این نوشته تشکر کردهاند:
sasanblue
sasanblue
آفلاین
عضو
تعداد نوشتهها: ۲۹
تشکر شده: ۲ بار
#
نوشته شده: ۱۴ سال پیش
۳۱ شهریور ۱۳۸۹ - ۲۳:۰۷
mostafa1990 گفت:
امکان چی؟
همینکه یه تگ جدید مثل <info> ایجاد کنم و مشخصاتشو تو css بیان کنیم
گفتم که واسه ساده کار کاربرها میخوام
sasanblue گفت:
راه دومم این هست که مثلا همین کد زیر رو در ادیتور به صورت پیش فرض تعریف کنم تا کاربران آماتور به کد نویسی احتیاج نداشته باشند
<p class="info"> </p>
و اینکه آیا میشه ادیتور رو دستکاری کرد که مثلا کد زیر رو با یک دکمه به متن html اضافه کنه؟ (تا نیازمون رو از کدنویسی تا حد زیادی کاهش بده)
Mostafa
آفلاین
ناظم
تعداد نوشتهها: ۵۲۷۶
تشکر شده: ۵۷۷۷ بار
#
نوشته شده: ۱۴ سال پیش
۳۱ شهریور ۱۳۸۹ - ۲۳:۵۹
والا دیگه ساده تر از اون نمی شه!
و اینکه آیا میشه ادیتور رو دستکاری کرد که مثلا کد زیر رو با یک دکمه به متن html اضافه کنه؟ (تا نیازمون رو از کدنویسی تا حد زیادی کاهش بده)
شاید افزونه ای در این باره باشه. دستی هم میشه اما چون فایل های wp-tinymce.js سنگینه خیلی وقت گیره
کاربران زیر بهخاطر این نوشته تشکر کردهاند:
sasanblue