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

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

مقاله: آموزش قرار دادن تبلیغات متنی به سبک ال جی ایران اختصاصی وی بی ایران

    1. آموزش قرار دادن تبلیغات متنی به سبک ال جی ایران اختصاصی وی بی ایران »

      آموزش قرار دادن تبلیغات متنی به سبک ال جی ایران اختصاصی وی بی ایران

      نگارش: , by (مدیر بازنشسته)
      2014/11/29 12:42 AM
      امتیاز: 

      با سلام

      اینبار هم با یه آموزش دیگه اومدم

      تبلیغات متنی در یک باکس ساده وزیبا برای دوستان رو دارم


      ابتدا در قسمت footer زیر کد زیر

      کد:
      <div id="footer" class="floatcontainer footer">
      این کد رو قرار بدید

      کد:
      <center>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      </center>
      بعد به Additional.css قالبتون این کد هارو ضافه کنید

      کد:
      .textads {
          border: 1px solid rgba(0, 0, 0, 0.2);
          width: 200px;
          height: 105px;
          border-radius: 2px;
          font-family: Yekan,"Source Sans Pro",sans-serif;
          display: inline-block;
          margin-bottom: 8px;
      }
      #t-span {
          font-size: 18px;
          text-align: center;
          display: table;
          width: 200px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          padding-bottom: 4px;
      }
      #b-span {
          font-size: 13px;
          text-align: right;
          direction: rtl;
          margin: 3px;
          padding: 5px 10px;
          height: 62px;
          width: 174px;
          line-height: 20px;
      }
      نکته>>>

      در قسمت

      کد:
      textads
      قسمت

      کد:
       font-family: Yekan,"Source Sans Pro",sans-serif;
      رو بر حسب فونت قالبتون تغییر بدید تا ست باشن این کد فونت قالب من بود



      اسکرین شات :




      شکل جدید این باکس های تبلیغاتی

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


      آموزش این باکس ها :


      ابتدا در قسمت footer زیر کد زیر

      کد:
      <div id="footer" class="floatcontainer footer">
      این کد رو قرار بدید

      کد:
      <center>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      <div class="textads">
      <span id="t-span">تبلیغات متنی</span>
      <span id="b-span">جهت کسب اطلاعات بیشتر و مشاهده تعرفه ها <a href="/">کلیک کنید</a></span>
      </div>
      </center>
      بعد به Additional.css قالبتون این کد هارو ضافه کنید
      کد:
      .textads {
          width: 200px;
          height: 105px;
          border-radius: 2px;
          font-family: Yekan,"Source Sans Pro",sans-serif;
          display: inline-block;
          margin-bottom: 8px;
          background: rgba(239, 239, 239, 1);
          border-radius: 2px;
      }
      #t-span {
          font-size: 15px;
          text-align: center;
          display: table;
          width: 200px;
          background: rgba(255, 88, 88, 1);
          border-radius: 2px;
          padding-bottom: 4px;
      color:#fff;
      }
      #t-span:hover {
      background:#606060;
      }
      .textads:hover {
      background: #C6C6C6;
      color:#fff;
      }
      #b-span {
          font-size: 13px;
          text-align: right;
          direction: rtl;
          margin: 3px;
          padding: 5px 10px;
          height: 62px;
          width: 174px;
          line-height: 20px;
      }

      نکته>>>

      در قسمت

      کد:
      textads
      قسمت

      کد:
       font-family: Yekan,"Source Sans Pro",sans-serif;
      رو بر حسب فونت قالبتون تغییر بدید تا ست باشن این کد فونت قالب من بود


      شات از حالت عادی >>>




      شات از حالت هاور (وقتی که روی باکس موس بره ) >>>







      ویرایش توسط DARKSKIES : 2014/12/06 در ساعت 03:43 PM
  1. Top | #11
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    نقل قول نوشته اصلی توسط Mr.Dani نمایش پست ها
    درود
    کپی ورژن قبلی مرجع همسایه هست
    البته با تغییری در رنگ و هاور
    تنها فک کردید یا کسی کمکتون کرد ؟

    لطفا تاپیک رو با این نظر ها و دادن اسپم هاتون بهم نریزید..




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

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

    ورژن ویبولتین
    4.2
    نوشته ها
    408
    میزان امتیاز
    46

    پیش فرض

    سلام

    من این کارا رو تو قالب molding 2.1 انجام دادم ولی از پایین ، از قسمت حاشیه اصلیه انجمن زده بیرون . انگار تو کادر انجمن نیست

    چجوری حل میشه؟

    با تشکر

  4. Top | #13
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

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

    من این کارا رو تو قالب molding 2.1 انجام دادم ولی از پایین ، از قسمت حاشیه اصلیه انجمن زده بیرون . انگار تو کادر انجمن نیست

    چجوری حل میشه؟

    با تشکر
    آدرس؟

    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2
    نوشته ها
    408
    میزان امتیاز
    46

    پیش فرض

    نقل قول نوشته اصلی توسط DARKSKIES نمایش پست ها
    آدرس؟
    انجمن های تخصصی وب سایت تکنو الکترونیک

    البته از دیشب کمی روش کار کردم که این جوری شد.

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

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

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

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

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

  1. پاسخ: 64
    آخرين نوشته: 2015/12/17, 12:36 AM
  2. پاسخ: 69
    آخرين نوشته: 2014/11/24, 12:17 PM
  3. [آموزش فتوشاپ] طراحی بنر تبلیغاتی-اختصاصی وی بی ایران
    توسط Mr.Ramin در انجمن آموزش های وی بولتین
    پاسخ: 35
    آخرين نوشته: 2014/01/04, 08:56 PM
  4. آموزش اضافه کردن باکس تبلیغات زیر navbar (اختصاصی وی بی ایران)
    توسط Nimaking در انجمن آموزش های وی بولتین
    پاسخ: 5
    آخرين نوشته: 2013/07/23, 11:36 PM

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

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

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

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