/ هاور بسیار زیبای رنگی به روی عکس
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 12 از 12

موضوع: هاور بسیار زیبای رنگی به روی عکس

  1. #11
    sepahna آنلاین نیست.
    sepahna
    کاربر سايت
    44نوشته57مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    335
    پسندیده است
    41 پست
    بلاگ
    پست
    میزان امتیاز
    67
    www.forum.sepahna.ir
    به جستجو قالب ها برو سرچ کن header بعد ctrl+f رو بزن و logobg رو پیدا کن .(کلاس logobg رو حذف کن و کل کدهایی که مربوط به هاوره اونجا قرار بده .
    یعنی در header قالب :

    کد HTML:
    <div class="logobg">
        <vb:if condition="$stylevar['titleimage']">
    
    
    <style>
    @import url(http://fonts.googleapis.com/css?family=Orbitron);
    body { margin: 2em; }
    .multi-hover {
        position: relative;
        font-family: Orbitron, sans-serif;
        max-width: 500px;
    max-height:200px;
        line-height: 0;
        overflow: hidden;
    }
    .multi-hover img {
        max-width: 100%;
    }
    .multi-hover span {
        position: absolute;
        width: 100%;
        height: 100%;
        line-height: 1.5;
        font-weight: 100;
        text-align: center;
        box-sizing: border-box;
        font-size: 22px;
        z-index: 2;
        transition: .3s linear;
        color: white;
        padding: 15%;
        opacity: 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
    }
    
    .multi-hover span:hover { opacity: 1; }
    
    .multi-hover span:nth-child(odd):hover { left: 0; z-index: 3; }
    .multi-hover span:nth-child(odd).hover { left: 0; z-index: 1; }
    .multi-hover span:nth-child(even):hover { top: 0; z-index: 3; }
    .multi-hover span:nth-child(even).hover { top: 0; z-index: 1; } 
    
    .multi-hover span:nth-child(1) { /* right panel */
        top: 0;
        left: 90%;
        background: hsla(0,70%,50%,0.6);  
        }
         
    .multi-hover span:nth-child(2) { /* top panel */ 
        top: -90%;
        left: 0;
        background: hsla(90,70%,50%,0.6); 
        }   
    
    .multi-hover span:nth-child(3) { /* left panel */ 
        top: 0;
        left: -90%;
        background: hsla(180,70%,50%,0.6); 
        }  
        
    .multi-hover span:nth-child(4) { /* bottom panel */
        top: 90%;
        left: 0;
        background: hsla(270,70%,50%,0.6); } 
    </style>
    
    
    <div class=multi-hover>
    <span>روز به روز گسترده تر میشویم</span>
    <span>I Love sepahna.ir</span>
    <span>more css code : 
    <br>www.sepahna.ir</span>
    <span>سپهنا به معنی گسترده و بزرگ</span>
    <img src="http://dl.sepahna.ir/images/badehzl2vexqbunphuiw.jpg" alt="Photograph of NGC 1309">
    </div>
    
    
    
    </vb:if>
    در اخر هم فقط میمونه اندازه اش رو تنظیم بکنی.
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    در پورتال و انجمن های علمی و تفریحی سپهنا
    http://forum.sepahna.ir

  2. نوين وردپرس تبلیغات شما

  3. #12

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

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

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

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

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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