/ بی بی کد ClearSection برای ویبولتین
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 4 از 4

موضوع: بی بی کد ClearSection برای ویبولتین

    1.   بی بی کد ClearSection برای ویبولتین Details »»
      ورژن ویبولتین: 4.x.x امتیاز: مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی نصب شده: 0
      منتشر شده: 04-04-2015 آخرین بروزرسانی: هرگز تعداد دانلود: 0
      نویسنده این تاپیک این هک را پشتیبانی نمیکند.
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      با سلام و خسته نباشید

      امروز یک بی بی کد (BBCode) ساده و زیبا درست کردم که قرار بدم برای کاربران عزیز وبسایت ویکی وی بی (کپی برداری در سایت های همسایه هم ممنوع)


      درباره بی بی کد: همونطور که اسم بی بی کد رو ClearSection قرار دادم، در تصویر بالا هم ظاهری رو مشاهده میکنید. دلیل قرار دادن این نام اینه که وقتی ماوس رو روی کادر قرار میدید یک نور شفاف از کادر عبور میکنه و میره مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      حالا نحوه استفاده:


      1. به آدرس "BB کد های اضافی » اضافه کردن BB Code جدید" برید.

      2. عنوان:Clear Section

      3. برچسب بی بی کد: CS

      4. در بخش جایگزینی هم کد زیر رو قرار بدید.

      کد:
      <div id="ClearSection" style="color:#FFFFFF;position:absolute;padding:5px;background:#c0392b;border:1px solid #d5d5d5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;">{param}</div>
      5. مثال: [CS]WikiVB.IR[/CS]

      6. توضیح: قرار گیری پس زمینه متمایز برای یک نوشته

      7. تصویر بی بی کد: مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      8. در Additional.css قالبتون هم کد های زیر رو قرار بدید.

      کد:
      #ClearSection:hover:after{content: '';position: absolute;width: 200px;left: -200px;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-o-transform: skewX(-20deg);-ms-transform: skewX(-20deg);transform: skewX(-20deg);background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);background-image: -o-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);background-image: -ms-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent);background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent);height: 50px;-webkit-animation: shine 0.7s ease;-moz-animation: shine 0.7s ease;-o-animation: shine 0.7s ease;-ms-animation: shine 0.7s ease;animation: shine 0.7s ease;}@-moz-keyframes shine {100% {left: 200px;}}@-webkit-keyframes shine {100% {left: 200px;}}@-o-keyframes shine {100% {left: 200px;}}@-ms-keyframes shine {100% {left: 200px;}}@keyframes shine {100% {left: 200px;}}

      تهیه کنندگان


      جهت حمایت از نویسنده : از مطلب تشکر کنید و تیک نصب کرده ام را بزنید و در صورت کپی برداری منبع را ذکر کنید

  • نوين وردپرس تبلیغات شما

  • #2
    OfflineFA آنلاین نیست.
    OfflineFA
    کاربر سايت
    128نوشته127مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1310
    پسندیده است
    221 پست
    بلاگ
    پست
    میزان امتیاز
    137
    http://bluray-movie.com/
    سلام . دوستان سوالی داشتم

    اگر بخواهیم از این بی بی کدها در وردپرس استفاده کنیم امکانش هست ؟

    به این صورت که در ادیتور یا همان قسمت ارسال پست کلیدی تعریف بشه ؟

  • #3
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط OfflineFA نمایش پست ها
    سلام . دوستان سوالی داشتم

    اگر بخواهیم از این بی بی کدها در وردپرس استفاده کنیم امکانش هست ؟

    به این صورت که در ادیتور یا همان قسمت ارسال پست کلیدی تعریف بشه ؟
    http://hamyarwp.com/%DA%86%DA%AF%D9%...5%D8%AA%D9%86/

    کاربر زیر پست Ali.shafaey را پسندیده است:



    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  • #4
    OfflineFA آنلاین نیست.
    OfflineFA
    کاربر سايت
    128نوشته127مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1310
    پسندیده است
    221 پست
    بلاگ
    پست
    میزان امتیاز
    137
    http://bluray-movie.com/
    تشکر لینکی که دادید مبهم بود متوجه نشدم باید چه تغییراتی انجام بدم.

    ببنید این کد رو دارم:
    کد:
    <style type="text/css">.Command {
    background: url(http://icons.iconarchive.com/icons/hopstarter/sleek-xp-software/32/Command-Prompt-icon.png) no-repeat 1%;
    margin:5px 5px;
    border:1px solid;
    border-color:#CDD2D6 #BFC6CB #B3BBC1 #BFC6CB;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    position:relative;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.08);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.08);
    box-shadow:0 1px 1px rgba(0,0,0,.08);
    text-align:left;
    direction:ltr;
    font-size:11px;
    margin-top:10px;
    margin-bottom:10px;
    padding: 15px 20px 15px 67px;
    }
    
    </style>
    <p class="Command">
    Test Wikivb
    </p>
    </div>
    اگر به صورت html ذخیره کنید دمو و نمایشش میشه به این شکل:
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    تا به این قسمت که کدها مشخص هست (اگر کد مشکل داره ویرایش کنید)

    میخوام یک شورتکات یا یک کلیدی در ادیتور وردپرس قرار بدم که فقط نیاز به تایپ Test Wikivb باشه یا هر متن دیگه و بعد از ارسال پست به شکل دمویی که دادم نمایش بده.

    نکته مهم اینکه نمیدونم در کد رعایت شده یا خیر هدف برای جلوگیری از بهم ریختگی کلمات انگلیسی هست.

    ممنون میشم راهنمایی کنید. تقریبا میشه مثل زمینه دلخواه با استایل از پیش تعریف شده با این تفاوت که هر جایی که قرار هست استفاده بشه جای بگیره.
    ویرایش توسط OfflineFA : 07-06-2015 در ساعت 05:32 PM

  • اطلاعات موضوع

    کاربرانی که در حال مشاهده این موضوع هستند

    در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

    کلمات کلیدی این موضوع

    #clearsectionhoveraftercontent، 0.06، 0.7s، 100%، 200px;، 200px;-webkit-transform، 200px;@-ms-keyframes، 200px;@-o-keyframes، 200px;@-webkit-keyframes، 200px;@keyframes، 200px;left، 255، 50px;-webkit-animation، ;position، absolute;width، additional.css، bb، bbcode، clearsection، cs، ease;-moz-animation، ease;-ms-animation، ease;-o-animation، ease;@-moz-keyframes، ease;animation، http://upload.wikivb.ir/images/8uptxmw9orlq0bxix86o.png، http://upload.wikivb.ir/images/jcz8ohuqaui0u6r5hr73.png، left، linear-gradientto، moz-linear-gradientleft، ms-linear-gradientleft، o-linear-gradientleft، param، rgba255، right، section، shine، skewx-20deg;-moz-transform، skewx-20deg;-ms-transform، skewx-20deg;-o-transform، skewx-20deg;background-image، skewx-20deg;transform، transparent، transparent;background-image، transparent;height، قالبتون، قرار، ممنوع، متمایز، مثال، نوشته، نباشید، هم، همونطور، همسایه، های، و، وی، ویکی، ویبولتین، وبسایت، یک، که، کپی، کادر، کاربران، کد، کردم، گیری، پس، webkit-linear-gradientleft، wikivb.ir، امروز، اسم، اضافی، بی، با، بالا، بخش، بدم، بدید، برچسب، برای، برداری، توضیح، تصویر، جایگزینی، خسته، دادم، در، درباره، درست، رو، زمینه، زیر، سلام، سایت، ظاهری، عنوانclear، عزیز

    نمایش برچسب‌ها

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

    • شما نمیتوانید موضوع جدیدی ارسال کنید
    • شما امکان ارسال پاسخ را ندارید
    • شما نمیتوانید فایل پیوست کنید.
    • شما نمیتوانید پست های خود را ویرایش کنید
    •  
    خرید بک لینک
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی