Jump to content

Recommended Posts

Posted

Salut, as dorii sa ma invatati si pe mine cum sa modific bara albastra de la categorii la tema deflection in alta culoare

Tema mea e asa :

csg.gif

 

Si vreau s-o fac asa :

ind.gif

 

Inca odata repet, doar bara albastra vreau sa stiu cum o fac in verzuiul ala .

Multumesc !

Posted

ACP > Look & Feel > Selecteaza tema ta > te duci la tabul CSS > si selectezi

 ipb_styles.css.

cu functia CTRL + F Cauta

.maintitle {

acolo trebuie sa ai ceva de genu 

background: url('{style_images_url}/bara_cat.png') #ECF6CE;

ce trebuie sa faci este doar sa schimbi adresa unei alte imagini sau la sfarsit sa schimbi culoarea in albastru.

  • Upvote 1
Posted (edited)
54 minutes ago, Zarama_sok said:

ACP > Look & Feel > Selecteaza tema ta > te duci la tabul CSS > si selectezi


 ipb_styles.css.

cu functia CTRL + F Cauta


.maintitle {

acolo trebuie sa ai ceva de genu 


background: url('{style_images_url}/bara_cat.png') #ECF6CE;

ce trebuie sa faci este doar sa schimbi adresa unei alte imagini sau la sfarsit sa schimbi culoarea in albastru.

Uite aici scriptul :

.maintitle {
    background: #527496 url('{style_images_url}/maintitle.png') repeat-x 0 0;
    color: #fff;
    text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

h3.maintitle{ font-weight: bold; }

    .maintitle a {    color: #fff; }
    
    .collapsed .maintitle {
        opacity: 0.2;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    .collapsed .maintitle:hover { opacity: 0.4; }
    
    .maintitle .toggle { 
        visibility: hidden;
        background: url('{style_images_url}/cat_minimize.png') no-repeat;
        text-indent: -3000em;
        width: 32px; height: 22px;
        margin: -5px -5px -10px 0;
        display: block;
        outline: 0;
    }
    
    .maintitle:hover .toggle { visibility: visible; }
    
    .collapsed .toggle {
        background-image: url('{style_images_url}/cat_maximize.png');
    }

 

Modifica-l tu te rog sa fie culoarea care vroiam eu.

Edited by BigFoot =)))
Posted
51 minutes ago, BigFoot =))) said:

Uite aici scriptul :

.maintitle {
    background: #527496 url('{style_images_url}/maintitle.png') repeat-x 0 0;
    color: #fff;
    text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

h3.maintitle{ font-weight: bold; }

    .maintitle a {    color: #fff; }
    
    .collapsed .maintitle {
        opacity: 0.2;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    .collapsed .maintitle:hover { opacity: 0.4; }
    
    .maintitle .toggle { 
        visibility: hidden;
        background: url('{style_images_url}/cat_minimize.png') no-repeat;
        text-indent: -3000em;
        width: 32px; height: 22px;
        margin: -5px -5px -10px 0;
        display: block;
        outline: 0;
    }
    
    .maintitle:hover .toggle { visibility: visible; }
    
    .collapsed .toggle {
        background-image: url('{style_images_url}/cat_maximize.png');
    }

 

Modifica-l tu te rog sa fie culoarea care vroiam eu.

 

.maintitle {
    background: #527496 url('http://s15.postimg.org/dumn4494b/maintitle.png') repeat-x 0 0;
    color: #fff;
    text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
    padding: 12px;
    font-size: 12px;
    font-weight: 300;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 4px;
    -webkit-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow: inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

h3.maintitle{ font-weight: bold; }

    .maintitle a {    color: #fff; }
    
    .collapsed .maintitle {
        opacity: 0.2;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    
    .collapsed .maintitle:hover { opacity: 0.4; }
    
    .maintitle .toggle { 
        visibility: hidden;
        background: url('{style_images_url}/cat_minimize.png') no-repeat;
        text-indent: -3000em;
        width: 32px; height: 22px;
        margin: -5px -5px -10px 0;
        display: block;
        outline: 0;
    }
    
    .maintitle:hover .toggle { visibility: visible; }
    
    .collapsed .toggle {
        background-image: url('{style_images_url}/cat_maximize.png');
    }

poftim ! 

Posted (edited)
23 minutes ago, BigFoot =))) said:

Zarama_sok nu gasesti culoarea aia verde cum e in poza pusa de mine ?

ala e un backround trebuie sa il faci tu in photoshop sau in altceva... eu backround-ul ala l-am gasit pw google.. tu daca vrei fa un backround de genu ala in photoshop doar ca de alta culoare... si dupa il bagi acolo sau il lasi aici si iti dau eu noul script

 

uite aici... daca vrei il bag pe asta  adica menu-bg-index.png

 

Edited by Zarama_sok
am gasit un backround de genu ala...
Posted
7 hours ago, BigFoot =))) said:

Salut, as dorii sa ma invatati si pe mine cum sa modific bara albastra de la categorii la tema deflection in alta culoare

Tema mea e asa :

csg.gif

 

Si vreau s-o fac asa :

ind.gif

 

Inca odata repet, doar bara albastra vreau sa stiu cum o fac in verzuiul ala .

Multumesc !

Poftim maintitle verde! Cred ca pe Indungi l-ai vazut!

.maintitle {
    background: #1E3737 url('http://www.indungi.ro/forum/public/style_images/deflection/custom/categoryNameOverlay.png') repeat-x 0 0;
    background-blend-mode: overlay;
}

 

  • Upvote 1

          76561198331386503.pngAddFriend.png

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.