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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 10 از 14 نخستنخست 1234567891011121314 آخرینآخرین
نمایش نتایج: از 91 به 100 از 133

مقاله: آموزش کادربندی و زیباسازی امضا نسخه 2

    1. آموزش کادربندی و زیباسازی امضا نسخه 2 »

      آموزش کادربندی و زیباسازی امضا نسخه 2

      نگارش: , by (مدیر بازنشسته)
      2013/02/09 02:46 AM
      امتیاز:  (2 رای ، میانگین : 3.00 )

      درود .

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

      نمونه شات :



      ابتدا پوشه پیوست شده رو در روت انجمن آپلود کنید .

      سپس به قالب Additional.css بروید و کد های زیر را به انتهای آن اضافه کنید :

      کد:
      @font-face {
      font-family: 'BYekan';
      src: url('emza/BYekan.eot?#') format('eot'),  /* IE6–8 */ url('emza/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('emza/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
      }
      
      
      .emza {
      box-shadow: 0px 0px 87px rgb(238, 238, 238) inset,rgba(0, 0, 0, 0.4) 0px 4px 4px -4px;
      margin: 10px;
      padding: 10px;
      border-radius: 10px 10px 17px 17px;
      border: 2px solid rgb(235, 235, 235);
      background:white url(emza/blockquote.png) no-repeat 98.54% 27px;
      border-bottom:4px solid rgb(235, 235, 235);
      }
      
      
      .module {
      background: #eee;
      margin: 0 0 20px 0;
      }
      
      
      .module h2 {
      background: #ccc;
      line-height: 2;
      padding: 0 0 0 10px;
      font-size: 16px;
      box-shadow: inset 0 25px 10px -10px rgba(255, 255, 255, 0.2);
      border-radius: 9px;
      }
      
      
      .module h2 a {
      float: right;
      position: relative;
      text-decoration: none;
      color: rgb(255, 255, 255);
      padding: 0 10px;
      -webkit-transition: padding 0.1s linear;
      -moz-transition: padding 0.1s linear;
      -ms-transition: padding 0.1s linear;
      -o-transition: padding 0.1s linear;
      border-radius: 0px 10px;
      font: 14px "BYekan",Calibri;
      direction: rtl;
      text-shadow: 1px 1px rgb(131, 0, 0);
      padding-top: 4px;
      padding-bottom: 4px;
      margin-top: -37px;margin-right: 38px;
      }
      
      
      .module h2 a:hover {
      padding: 0 14px;
      padding-top:4px;
      padding-bottom:4px;
      }
      
      
      .module h2 a:active {
      padding: 0 16px;
      padding-top:4px;
      padding-bottom:4px;
      }
      
      
      .module h2 a:before,.module h2 a:after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0;
      height: 0;
      }
      
      
      .module h2 a:before {
      left: -12px;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      margin-top: -8px;
      }
      
      
      .module.blue h2 a {
      background: rgb(233, 0, 0);
      }
      
      
      .module.blue h2 a:hover {
      background: #ff8400;
      }
      
      
      .module.blue h2 a:after {
      left: -5px;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 6px solid rgb(233, 0, 0);
      margin-top: -6px;
      }
      
      
      .module.blue h2 a:hover:after {
      border-right-color: #ff8400;
      }
      
      
      .matn {
      direction:rtl;
      border-right:0px solid #cecece;
      font:14px BYekan;
      color: rgb(134, 134, 134);
      padding-right:6px;
      font-weight:normal;
      margin-right:50px;
      }
      
      
      .c {
      float:left;
      background:none;
      margin-top:-22px;
      }
      
      
      .c a {
      background: rgb(219, 219, 219) !important;
      }
      
      
      .c a:after {
      left: -5px !important;
      border-top: 6px solid transparent !important;
      border-bottom: 6px solid transparent !important;
      border-right: 6px solid rgb(219, 219, 219) !important;;
      margin-top: -6px !important;;
      }
      سپس به قالب postbit_legacy بروید و به کد زیر را پیدا کنید :

      کد:
      <div class="signaturecontainer">{vb:raw post.signature}</div>
      و جایگزین کنید با :

      کد:
      <div class="emza">
      <div class="module blue">
      <img src="emza/text_signature.png" style="float: right;margin-top: -38px;" />
      <h2> <a href="#">امضاي {vb:raw post.musername}</a></h2></div>
      <div class="matn">{vb:raw post.signature}</div>
      </div>
      موفق باشید .
      ویرایش توسط Designer : 2013/10/17 در ساعت 07:50 PM
  1. Top | #91
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    203
    میزان امتیاز
    26

    پیش فرض

    سلام برای من اصلا نمیاد فایلارو ریختم تغییراتم انجام دادم




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

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,665
    میزان امتیاز
    187

    پیش فرض

    من قسمت اولو اضافه کردم تو قالب قسمت دوم نیستش تو قالب من چیکار کنم اون کدو کجا قرار بدم؟

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

    نقل قول نوشته اصلی توسط MR.PAJE نمایش پست ها
    سلام برای من اصلا نمیاد فایلارو ریختم تغییراتم انجام دادم
    سلام توی انجام مراحل دقت کنید

    نقل قول نوشته اصلی توسط *میلاد* نمایش پست ها
    من قسمت اولو اضافه کردم تو قالب قسمت دوم نیستش تو قالب من چیکار کنم اون کدو کجا قرار بدم؟

    سلام . شما توی همون postbit_legacy جست و جو کن ب مرورگر بزن signature پیدا میشه و بعد کدهارو قرار بده .

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


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,665
    میزان امتیاز
    187

    پیش فرض

    نقل قول نوشته اصلی توسط Cry نمایش پست ها




    سلام . شما توی همون postbit_legacy جست و جو کن ب مرورگر بزن signature پیدا میشه و بعد کدهارو قرار بده .
    من جستجو کردم اینو پیدا میکنه فقط تو این اون کلمه هست
    <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']">

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

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

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


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,665
    میزان امتیاز
    187

    پیش فرض

    قالبم اختصاصیه هنوز نزاشتم روسایت نصب کردم ولی پیش فرض نکردم هنوز

  8. Top | #97
    Cry
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

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

    کد:
    				{vb:raw template_hook.postbit_signature_start}				<vb:if condition="$post['isfirstshown']">
    					{vb:raw ad_location.ad_showthread_firstpost_sig}
    				</vb:if>
    				<vb:if condition="$post['signature']">
    					<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
    				</vb:if>
    				{vb:raw template_hook.postbit_signature_end}
    			</div>
    			</vb:if>

    اکد زیر رو ببینید پیدا میشه ؟

    کد:
    <div class="cleardiv"></div>
    اگه پیدا کردی کدهایی که بالا دادم رو بزن قبلش .

    پ.ن : بهتون پیشنهاد میکنم با طراحش در تماس باشید که راهنماییتون کنه .


    موفق باشید .

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


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,665
    میزان امتیاز
    187

    پیش فرض

    نقل قول نوشته اصلی توسط Cry نمایش پست ها

    اکد زیر رو ببینید پیدا میشه ؟

    کد:
    <div class="cleardiv"></div>
    اگه پیدا کردی کدهایی که بالا دادم رو بزن قبلش .

    پ.ن : بهتون پیشنهاد میکنم با طراحش در تماس باشید که راهنماییتون کنه .


    موفق باشید .
    بله این کد هستش

  10. Top | #99
    Cry
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,661
    میزان امتیاز
    322

    پیش فرض

    خب به سلامتی . کدها رو بزن قبلش و حالا توی کدهایی که دادم بهت کد زیر رو پیدا کن :

    کد:
    <div class="signaturecontainer">{vb:raw post.signature}</div>
    جایگزین کن با :


    کد:
    <div class="emza"><div class="module blue">
    <img src="emza/text_signature.png" style="float: right;margin-top: -38px;" />
    <h2> <a href="#">امضاي {vb:raw post.musername}</a></h2></div>
    <div class="matn">{vb:raw post.signature}</div>
    </div>

    طبق آموزش .

    پ.ن : اگه باز به مشکل خوردی پس با طراح قالب در ارتباط باش

    پ.ن 2 : همیشه قبل از هر کاری نام و یاد خدا ( شوخی ) از کدهات بک آپ تهیه کن .

    موفق باشید .

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


  11. Top | #100
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    1,665
    میزان امتیاز
    187

    پیش فرض

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

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

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

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

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

  1. آموزش زیبا سازی پست بیت { به سبک دفترچه } (جدید)
    توسط Mohsen Neo در انجمن آموزش های وی بولتین
    پاسخ: 13
    آخرين نوشته: 2013/10/10, 04:52 PM
  2. آموزش زیباسازی پست بیت به سبک وب آلفا + Css Hover (جدید!)
    توسط Reza در انجمن آموزش های وی بولتین
    پاسخ: 93
    آخرين نوشته: 2013/08/12, 01:41 PM
  3. درخواست آموزش مرتب سازی زیرانجمن ها
    توسط boors در انجمن پرسش و پاسخ
    پاسخ: 2
    آخرين نوشته: 2013/02/04, 12:45 AM
  4. آموزش زیبا سازی پست بیت { ساده و زیبا } (ورژن3)
    توسط sorathost در انجمن آموزش های وی بولتین
    پاسخ: 4
    آخرين نوشته: 2012/11/15, 08:39 PM
  5. آموزش زیبا سازی پست بیت { ساده و زیبا }
    توسط Mohsen Neo در انجمن آموزش های وی بولتین
    پاسخ: 46
    آخرين نوشته: 2012/08/05, 03:40 PM

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

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

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

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

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