آیا میدانید شما میتوانید به صورت "کاملا رایگان" سایت ، محصول خدمات و... خود را در پی سی وب معرفی کنید ؟

فرصت را از دست ندهید
انجمن مه سفر
نمایش نتایج: از 1 به 3 از 3

موضوع: پیدا کردن سی اس اس

  1. navidak.ir آواتار ها
    navidak.ir
    کاربر نیمه فعال
    Dec 2016
    NeT
    184
    38
    86
    28

    پیدا کردن سی اس اس

    با عرض سلام و وقت بخیر ،

    یک سوال داشتم ، در سایت زیر مطابق عکس وقتی موس رو میبریم روی لوگو (بالا سمت راست ) یک سری توضیحات هستن که به حالت هاور ظاهر می شوند، میخواستم اس اس های مربوطه را پیدا کنم

    ممنون میشم استاتید کمکم کنند ، با تشکر

    اسکرین شات

    آدرس سایت www.rtl-theme.com
    #1 ارسال شده در تاريخ 10-04-2018 در ساعت 02:33 PM

  2. Ahmadreza آواتار ها
    Ahmadreza
    پاسخگو و راهنما
    Oct 2015
    1,650
    1768
    1,429
    1,755
    71
    درواقع opacity به مقدار 0 گذاشته شده و وقتی موس روش میره به مقدار 1 بر می گرده.
    کد HTML:
    <div class="logo_hover">
                                <div class="right_section">
                                    <img src="//files.rtl-theme.com/theme/assets/img/rtl_popup_logo.png" alt="Rtl Theme LOGO">
                                    <p>تنها مرجع قانونی عرضه قالب و افزونه در ایران ...</p>
                                </div>
                                <div class="left_section">
                                    <strong class="color_green">شرکت فناوری اطلاعات راست چین</strong>
                                    <br>
                                    <br>
                                    ایمیل: info [at] rtl-theme.com
                                    <br>
                                    نشانی: تبريز - خیابان راه آهن، کوی قدس
                                    <br>
                                    ساختمان دنیز، پلاک 1، طبقه 2، واحد 1
                                    <br>
                                    <br>
                                    تلفن ویژه : <big><a href="tel:038-31124">۰۳۸۳۱۱۲۴</a></big>
                                    <br>
                                    <ul class="top_social">
                                        <li>
                                            <a href="https://t.me/rtltheme" rel="nofollow" class="telegram">
                                                <div class="hidden_text">Telegram</div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://plus.google.com/+Rtl-theme" rel="nofollow" class="google_plus">
                                                <div class="hidden_text">Google Plus</div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.linkedin.com/company/%D8%B1%D8%A7%D8%B3%D8%AA-%DA%86%DB%8C%D9%86" rel="nofollow" class="linkedin">
                                                <div class="hidden_text">linkedin</div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.facebook.com/RtlTheme" rel="nofollow" class="facebook">
                                                <div class="hidden_text">Facebook</div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://twitter.com/rtl_theme" rel="nofollow" class="twitter">
                                                <div class="hidden_text">Twitter</div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://instagram.com/rtltheme" rel="nofollow" class="instagram">
                                                <div class="hidden_text">instagram</div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

    در این قسمت :
    کد HTML:
    https://files.rtl-theme.com/theme/assets/css/style20180915.css
    کدهای CSS مربوط به .logo_hover رو میتونید پیدا کنید. خط 4303 تا 4393 فکر کنم. و خط 14886
    کد:
    .header__top_right .logo_hover {
     background-color:rgba(35,35,35,.95);
     color:#fff;
     width:393px;
     right:0;
     top:0;
     height:227px;
     position:absolute;
     visibility:hidden;
     opacity:0;
     top:100%;
     right:0;
     padding:10px;
     z-index:1003;
     box-shadow:-3px 3px 10px rgba(0,0,0,.1);
     border-radius:0 0 3px 3px;
     overflow:hidden;
     line-height:1.8;
     font-size:13px;
     -webkit-transition:all .3s linear;
     -moz-transition:all .3s linear;
     -o-transition:all .3s linear;
     transition:all .3s linear
    }
    .header__top_right .logo_hover .right_section {
     display:inline-block;
     width:40%;
     float:right;
     text-align:center
    }
    .header__top_right .logo_hover .right_section img {
     margin-bottom:10px;
     margin-top:10px
    }
    .header__top_right .logo_hover .left_section {
     display:inline-block;
     width:60%;
     float:left;
     font-size:12.5px;
     padding-right:20px
    }
    .header__top_right .logo_hover .left_section strong {
     font-size:14px
    }
    .header__top_right .logo_hover .left_section ul.top_social {
     list-style:none;
     margin-top:10px
    }
    .header__top_right .logo_hover .left_section ul.top_social li {
     display:inline-block;
     margin-left:10px
    }
    .header__top_right .logo_hover .left_section ul.top_social li a {
     width:17px;
     height:26px;
     display:inline-block;
     background:url(../img/rtltheme_combine_images.png) top -127px left -6px no-repeat
    }
    .header__top_right .logo_hover .left_section ul.top_social li a.telegram {
     background-position:top -127px left -84px
    }
    .header__top_right .logo_hover .left_section ul.top_social li a.google_plus {
     background-position:top -127px left -46px
    }
    .header__top_right .logo_hover .left_section ul.top_social li a.facebook {
     background-position:top -127px left -165px
    }
    .header__top_right .logo_hover .left_section ul.top_social li a.twitter {
     background-position:top -127px left -202px
    }
    .header__top_right .logo_hover .left_section ul.top_social li a.instagram {
     background-position:top -127px left -124px
    }
    .header__top_right .logo_hover .left_section ul.top_social li:last-child {
     margin-left:0
    }
    .header__top_right .logo_hover .left_section ul.top_social li a {
     opacity:.5;
     -webkit-transition:all .3s linear;
     -moz-transition:all .3s linear;
     -o-transition:all .3s linear;
     transition:all .3s linear
    }
    .header__top_right .logo_hover .left_section ul.top_social li a:hover {
     opacity:1
    }
    .header__top_right:hover .logo_hover {
     opacity:1;
     top:110%;
     visibility:visible
    }

    کد:
    .header__top_right .logo_hover {
      width:100%
     }



    #2 ارسال شده در تاريخ 10-06-2018 در ساعت 09:41 AM

  3. کاربر مقابل از 2 عزیز به خاطر این پست مفید تشکر کرده است :


  4. navidak.ir آواتار ها
    navidak.ir
    کاربر نیمه فعال
    Dec 2016
    NeT
    184
    38
    86
    28
    بسیار ممنونم
    با تشکر
    #3 ارسال شده در تاريخ 10-06-2018 در ساعت 01:13 PM

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

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

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

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

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

Designed With Cooperation

Of Creatively