تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 4 از 7 نخستنخست 1234567 آخرینآخرین
نمایش نتایج: از 31 به 40 از 68

مقاله: آموزش چگونگی Combine کردن تصاویر با CSS Sprites

    1. آموزش چگونگی Combine کردن تصاویر با CSS Sprites »

      آموزش چگونگی Combine کردن تصاویر با CSS Sprites

      نگارش: , by (مدیریت کل سایت)
      2011/08/27 12:57 AM
      امتیاز: 

      درود.

      یکی از راهکار های بالا بردن سرعت سایت Combine کردن تصاویر با CSS Sprites است .

      در این روش شما قالب های ساخته شده توسط استایل دیفالت ویبولتین را بصورت کامل و نیمی از استایل های اختصاصی شده مثل Completevb را کامباین کنید .

      برای شروع ابتدا sprite_0.7.2.zip را دانلود کنید و محتویات پوشه upload آن را درون روت فروم خود کپی کنید .

      پس از آن فایل XML را درون مدیریت محصولات قرار دهید .

      برای کار کردن این هک باید اکستنشن GD روی سرور شما نصب باشد . ( در 99% موارد نصب است )

      پس از ایمپورت XML به کنترل پنل هاست خود بروید و مسیر زیر را دنبال کنید :

      public_html/images

      حالا دسترسی ( CHMOD , PERM ) پوشه sprites را به 0777 یا 777 تغییر دهید .

      اکنون با استفاده از تب CSS-Sprite که در ادمین سی پی اضافه شده است باید Sprite ها را بسازید .

      برای ساختن آن فقط روی Refresh کلیک کنید .

      Continue را بزنید و صبر کنید تا برای تمامی استایل ها sprite ساخته شود .

      پس از آن در پوشه do not upload باید فایل diff را با برنامه ای مثل NotePad++ باز کنید و تعییرات را انجام دهید .

      مثلاً اگر بود :

      72d72
      < <h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/users_online.png" alt="{vb:rawphrase currently_active_users}" />{vb:rawphrase currently_active_users}</h3>
      ---
      > <h3 class="blocksubhead"><span class="sprite_misc_users_online" title="{vb:rawphrase currently_active_users}" ></span>{vb:rawphrase currently_active_users}</h3>

      یعنی اولی رو جستجو کنید و با دومی جایگزین کنید ! دقت کنید > و < اول اون رو نباید بزنید . اگر space اضافی زدید مشکلی نیست .

      این کار کمی دشوار است و نیاز به دقت بالائی دارد لذا در انجام آن دقت کافی داشته باشید و آن را با خونسردی انجام دهید .

      برای حذف کپی رایت به مدیریت پلاگین بروید نام هک را جستجو کنید .

      تیک مقابل Branding را بردارید و ذخیره کنید .

      موفق باشید .

      منبع : وی بی ایران
  1. Top | #31
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    428
    میزان امتیاز
    51

    پیش فرض

    اپ




  2. گیفت کارت آیتونز

  3. Top | #32
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    428
    میزان امتیاز
    51

    پیش فرض

    بیا بالا ببینیم دنیا دست کیه

  4. Top | #33
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    402
    میزان امتیاز
    47

    پیش فرض

    این هک Template Modification System با وی بی 4.2 سازگاره ؟ تنها راه ممکن تنها این اموزش هست راه دیگری وجود ندارد ؟
    ویرایش توسط V2PCT : 2013/01/17 در ساعت 12:01 PM

  5. Top | #34
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    402
    میزان امتیاز
    47

    پیش فرض

    اینجا چرا به تاپیکهای تخصصی کسی پاسخ نمیده ناسلامتی نوشتید مرجع ویبولتین !!

  6. Top | #35
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    402
    میزان امتیاز
    47

    پیش فرض

    این هک و اموزش مناسب با وی بی 4.2 نیست لطفا پست اول را اپدیت کنید.
    ورژن های جدید این هک Template Modification System هم با وی بی 4.2 سازگار نیست و پروفایل را بهم میریزد.
    طبق معمول هم به تاپیکهای تخصصی کسی پاسخ نمیدهد !

  7. Top | #36
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    179
    میزان امتیاز
    24

    پیش فرض

    سلام

    مال من این ایرور میده ؟
    کد PHP:
    Error occurredThe stylevar imgdir sprite is empty. Please insert a path for the stylevar imgdir sprite (vBulletin default is images/sprites). 

  8. Top | #37
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    توی stylevars قالبتون دنبال imgdir sprite بگردید .

    stylevars = متغیر های استایل

    کاربر مقابل از VBIran بابت این پست مفید تشکر کرده است:


  9. Top | #38
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    179
    میزان امتیاز
    24

    پیش فرض

    توی استایلم جستو جو کنم دیگه

    راسی اینارو پیدا نکردم ؟

    ورژن منم 4.2.0
    کد PHP:
    Templatepagenav
    5c5
    <    <span class="first_last"><a href="{vb:raw lastaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw totalpages}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}<img src="{vb:stylevar imgdir_pagination}/last-{vb:stylevar right}.png" alt="{vb:rawphrase last}" /></a></span>
    ---
    >    <
    span class="first_last"><a href="{vb:raw lastaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw totalpages}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}<span class="pagination_last" title="{vb:rawphrase last}"></span></a></span>
    8c8
    <    <span class="prev_next"><a rel="next" href="{vb:raw nextaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw nextpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}"><img src="{vb:stylevar imgdir_pagination}/next-{vb:stylevar right}.png" alt="{vb:rawphrase next}" /></a></span>
    ---
    >    <
    span class="prev_next"><a rel="next" href="{vb:raw nextaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw nextpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}"><span class="sprite_pagination_next" title="{vb:rawphrase next}"></span></a></span>
    18c18
    <    <span class="prev_next"><a rel="prev" href="{vb:raw prevaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw prevpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}"><img src="{vb:stylevar imgdir_pagination}/previous-{vb:stylevar right}.png" alt="{vb:rawphrase previous}" /></a></span>
    ---
    >    <
    span class="prev_next"><a rel="prev" href="{vb:raw prevaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw prevpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}"><span class="sprite_pagination_previous" title="{vb:rawphrase previous}"></span></a></span>
    21c21
    <    <span class="first_last"><a rel="start" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}"><img src="{vb:stylevar imgdir_pagination}/first-{vb:stylevar right}.png" alt="{vb:rawphrase first}" />{vb:rawphrase first}</a></span>
    ---
    >    <
    span class="first_last"><a rel="start" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}"><span class="sprite_pagination_first" title="{vb:rawphrase first}"></span>{vb:rawphrase first}</a></span>
    23c23
    <    <span<vb:if condition="THIS_SCRIPT == 'member'"> class="popupspan"</vb:if>><a href="javascript://" class="popupctrl">{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}<vb:if condition="THIS_SCRIPT == 'member'"><img src="{vb:stylevar imgdir_misc}/black_downward_arrow.png" title="" alt="" /></vb:if></a></span>
    ---
    >    <
    span<vb:if condition="THIS_SCRIPT == 'member'"> class="popupspan"</vb:if>><a href="javascript://" class="popupctrl">{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}<vb:if condition="THIS_SCRIPT == 'member'"><span class="sprite_misc_black_downward_arrow"></span></vb:if></a></span>
    25c25
    <    <span<vb:if condition="THIS_SCRIPT == 'member'"> class="popupspan"</vb:if>><a href="javascript://" class="popupctrl"><vb:if condition="THIS_SCRIPT == 'member'"><img src="{vb:stylevar imgdir_misc}/black_downward_arrow.png" title="" alt="" /></vb:if>{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}</a></span>
    ---
    >    <
    span<vb:if condition="THIS_SCRIPT == 'member'"> class="popupspan"</vb:if>><a href="javascript://" class="popupctrl"><vb:if condition="THIS_SCRIPT == 'member'"><span class="sprite_misc_black_downward_arrow"></span></vb:if>{vb:rawphrase page_x_of_y, {vb:raw pagenumber}, {vb:raw totalpages}}</a></span>
    27c27
    <    <span class="first_last"><a rel="start" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}"><img src="{vb:stylevar imgdir_pagination}/first-{vb:stylevar right}.png" alt="{vb:rawphrase first}" />{vb:rawphrase first}</a></span>
    ---
    >    <
    span class="first_last"><a rel="start" href="{vb:raw firstaddress}{vb:raw address2}<vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase first_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw firstnumbers.first}, {vb:raw firstnumbers.last}, {vb:raw total}}"><span class="sprite_pagination_first" title="{vb:rawphrase first}"></span>{vb:rawphrase first}</a></span>
    30c30
    <    <span class="prev_next"><a rel="prev" href="{vb:raw prevaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw prevpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}"><img src="{vb:stylevar imgdir_pagination}/previous-{vb:stylevar right}.png" alt="{vb:rawphrase previous}" /></a></span>
    ---
    >    <
    span class="prev_next"><a rel="prev" href="{vb:raw prevaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw prevpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase prev_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw prevnumbers.first}, {vb:raw prevnumbers.last}, {vb:raw total}}"><span class="sprite_pagination_previous" title="{vb:rawphrase previous}"></span></a></span>
    40c40
    <    <span class="prev_next"><a rel="next" href="{vb:raw nextaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw nextpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}"><img src="{vb:stylevar imgdir_pagination}/next-{vb:stylevar right}.png" alt="{vb:rawphrase next}" /></a></span>
    ---
    >    <
    span class="prev_next"><a rel="next" href="{vb:raw nextaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw nextpage}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase next_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw nextnumbers.first}, {vb:raw nextnumbers.last}, {vb:raw total}}"><span class="sprite_pagination_next" title="{vb:rawphrase next}"></span></a></span>
    43c43
    <    <span class="first_last"><a href="{vb:raw lastaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw totalpages}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}<img src="{vb:stylevar imgdir_pagination}/last-{vb:stylevar right}.png" alt="{vb:rawphrase last}" /></a></span>
    ---
    >    <
    span class="first_last"><a href="{vb:raw lastaddress}{vb:raw address2}<vb:if condition="$show['pagelinks']"><vb:if condition="$use_qmark">?<vb:else />&amp;</vb:if>page={vb:raw totalpages}</vb:if><vb:if condition="$anchor">#{vb:raw anchor}</vb:if>" title="{vb:rawphrase last_page} - {vb:rawphrase results_x_to_y_of_z, {vb:raw lastnumbers.first}, {vb:raw lastnumbers.last}, {vb:raw total}}">{vb:rawphrase last}<span class="sprite_pagination_last" title="{vb:rawphrase last}"></span></a></span

  10. Top | #39

    پیش فرض

    این قابلیت CSS Sprites خیلی عالیه ! بابت آموزش ممنونم

    فقط یک سوال داشتم . چرا بعضی مواقع تصاویر خراب میشه و بهم میریزه ؟!

    CSS رو درست مینویسم و عکس هم در جای درست قرار میگیره ولی یه حالت سایه دار به خودش میگیره و خراب میشه ! (البته در وردپرس) به نظرتون دلیلش چیه ؟

  11. Top | #40

صفحه 4 از 7 نخستنخست 1234567 آخرینآخرین

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. آموزش حل کردن مشکلات هک مدال دهی ویبولتین 4 ( اختصاصی )
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 43
    آخرين نوشته: 2016/06/10, 05:48 AM
  2. آموزش ریسایز کردن تصاویر در پست بدون هک
    توسط GoyaFilter در انجمن آموزش های وی بولتین
    پاسخ: 37
    آخرين نوشته: 2014/06/05, 06:10 PM
  3. آموزش دادن ارتفاع و پهنا به تصاویر با استفاده از vBSEO
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 3
    آخرين نوشته: 2013/08/23, 09:27 PM
  4. اموزش افکت دادن چرخش به تصاویر
    توسط Amir Lord در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 26
    آخرين نوشته: 2012/10/16, 08:15 PM
  5. آموزش قرار دادن همه آلبوم های تصاویر کنار هم
    توسط aradfa در انجمن پرسش و پاسخ
    پاسخ: 4
    آخرين نوشته: 2011/04/01, 02:35 PM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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