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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 12 از 12

مقاله: آموزش اضافه کردن باکس کاربرتر ماه / کاملا فلت و بسیار زیبا (اختصاصی)

    1. آموزش اضافه کردن باکس کاربرتر ماه / کاملا فلت و بسیار زیبا (اختصاصی) »

      آموزش اضافه کردن باکس کاربرتر ماه / کاملا فلت و بسیار زیبا (اختصاصی)

      نگارش: , by (کاربر سایت)
      2014/11/14 04:22 PM
      امتیاز:  (1 رای ، میانگین : 5.00 )




      درود .

      بعد از چند ماه با دست پر اومدم

      بریم سر اصل مطلب :d

      :

      ابتدا به headinclude_bottom برین و کد زیر رو که مربوط به اتصال فونت ایکون به قالب هست رو قرار بدید

      کد:
      <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
      توجه : اگر میخواهید که در این مرحله میتوانید تولتیپ اضافه کنید (توی باکس خیلی قشنگ میشه !)

      خب بعدش میریم سراغ header یا ناو بار فرقی نداره / اما من اینجا هدر رو میرم / و در زیر

      کد:
      <div id="header" class="floatcontainer doc_header">
      این کد هارو اضافه کنید :

      کد:
      <div id="bestuser">
      
      <ul>
      <img src="http://8pic.ir/images/i5qzvifba6d4v27r1vgb.png"></img>
       <div id="txt">
        <h1>MISFeasAnCE</h1>
         <h2><a href="#"><i class="fa fa-external-link"></i>طراح وب</a></h2>
          <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
      </div>
      </ul>
      
      <li>
       <div id="iconha">
        <i id="tashakor" class="fa fa-heart fa-lg" rel="tooltip" title="تشکرشده">&nbsp;&nbsp;<span>310</span></i>
        <i id="cheshm" class="fa fa-eye fa-lg" rel="tooltip" title="نوشته ها">&nbsp;&nbsp;<span>127</span></i>
        <i id="raay" class="fa fa-user fa-2x" rel="tooltip" title="تعداد رای ها">&nbsp;&nbsp;<span>853</span></i>
       </div>
      </li>
      * خیلی مرتبن اصن توجه نکردین *

      بعدش برین به additional.css و اضافه کنید :

      کد:
      /*********** Best user ****************/
      
      #bestuser
      {
      float:left;
      width:330px;
      height:150px;
      background:#fff;
      margin:5% 0 0 2%;
      border-radius:3px;
      font-family:yekan,verdana;
      border-bottom: 40px solid #4EB6B6;
      }
      
      #bestuser ul
      {
      margin-top:5%;
      text-align:center;
      }
      
      #bestuser ul p
      {
      margin: 4%;
      width: 180px;
      color:#A5A5A5;
      }
      
      #bestuser ul img
      {
      float: left;
      border-radius: 50%;
      margin:5% 0 0 28px;
      border: 3px solid #DBDBDB;
      }
      
      #txt{
      top:6px;
      right: 5px;
      position: relative;
      }
      
      #bestuser ul h1{
      color:#658585;
      font-size:17px;
      }
      
      #bestuser ul h2 a{
      color:#F2765C;
      text-decoration: none;
      font:16px yekan,FontAwesome;
      }
      
      #bestuser ul h2 a i{
      top: 4px;
      left: 5px;
      margin-top: 2px;
      position: relative;
      }
      
      #iconha{
      color: #E3EEEE;
      }
      
      #iconha span{
      font-size:17px;
      }
      
      #tashakor{
      float:left;
      margin: 7.7% 7%;
      }
      
      #cheshm{
      float:left;
      margin: 6.7% 7%;
      font-size: 24px;
      }
      
      #cheshm span{
      font-size: 14px;
      }
      
      #raay{
      float:left;
      margin: 5.7% 7%;
      font-size: 24px;
      }
      
      /*********** End Of Best user *********/
      تموم شد .

      توجه مهم : 1- در بعضی استایل ها ممکنه داس هدر زیاد ارتفاء نداشته باشه به همین دلیل شاید به هم ریخته شه برای حل این مشکل میتونید کد هارو زیر ناوبار بزارین یا ارتفاء داس هدر رو زیاد کنین .
      2- حتما تعداد کراکتر های بیوگرافی باید 70 تا باشه / باز تاکید میکنم 70 .


      موفق باشید
  1. Top | #11
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    130
    میزان امتیاز
    16

    پیش فرض

    نقل قول نوشته اصلی توسط Rapema نمایش پست ها
    چرا نداشته باشه . شما سه بار کد هاشو بزار ./ میشه سه تا
    اون که اره ولی کنار هم قرار نمیگیره.به صورت ایستاده قرار میگیره




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

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

    ورژن ویبولتین
    ALL
    نوشته ها
    39
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط mirror نمایش پست ها
    اون که اره ولی کنار هم قرار نمیگیره.به صورت ایستاده قرار میگیره
    چند کامنت بالاتر که گفتم مقدار مارجین (که مربوط به موقعیت عنصر هست) دست خودتونه .
    ویرایش توسط MISFeasAnCE : 2014/11/29 در ساعت 06:12 PM

صفحه 2 از 2 نخستنخست 12

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

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

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

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

  1. اموزش قرار دادن باکس تبلیغات بسیار زیبا در فوتر (اختصاصی)
    توسط Bl4ckPunisher در انجمن آموزش های وی بولتین
    پاسخ: 10
    آخرين نوشته: 2014/08/02, 03:44 PM
  2. پاسخ: 43
    آخرين نوشته: 2014/04/29, 10:58 AM
  3. پاسخ: 35
    آخرين نوشته: 2014/03/30, 11:21 AM
  4. دو qTip بسیار زیبا ، بهینه شده ، همراه آموزش کامل + اختصاصی وی بی ایران
    توسط [email protected] در انجمن هک و آموزش های مخصوص
    پاسخ: 17
    آخرين نوشته: 2013/04/15, 10:51 PM
  5. استایل بسیار زیبا برای صفحات 404 {طراحی اختصاصی وی بی ایران/بسیار زیبا وساده}
    توسط AmirAshkan در انجمن دانلود استایل ها ، قالب های رایگان و پرمیوم
    پاسخ: 5
    آخرين نوشته: 2013/01/17, 11:07 AM

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

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

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

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