انجمن


ایجاد تگ سفارشی در html  (۶ نوشته)

  • 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

درباره‌ی این موضوع



برچسب‌ها