Ajutor IPB Meniu

[+JuNNNNkie]

Buna PC, as vrea sa imi pun acest meniu incercuit cu albastru deschis http://i.imgur.com/eQijq3y.png  pe centru sub logo cum e in poza asta:  http://i.imgur.com/L56tyZp.png

 

si acel meniu cu facebook,twiter vreau sa il scot momentan incercuit cu albastru inchis: http://i.imgur.com/eQijq3y.png

[Bogdano]

Astea le pui si le faci singurel  cu niste  cunostinte html si css.

Daca nu ai experienta gasesti tuoriale foarte bune pe net.

Edited September 3, 2015 by Bogdano

[+JuNNNNkie]

Astea le pui si le faci singurel  cu niste  cunostinte html si css.

Daca nu ai experienta gasesti tuoriale foarte bune pe net.

Mai bine te duci si vezi-ti de ale tale nu tot bate aici din gura fara rost.

D-aia am creat acest topic ca sa ma ajutati nu ca sa vi tu si sa bati din gura sa faci si tu 1 post!

 

PS: Cineva?

Edited September 4, 2015 by JuNNNNkie

[+JuNNNNkie]

Cineva?

[+Portocala]

Ca sa scoti acel meniu cu facebook, twitter, etc... 

Cauta in ipb_styles.css 

.socialLinks-icons {
    list-style-type: none!important;
    position: relative;
    z-index: 1;
    top: 1px;
    display: none;
}

si schimba cu

.socialLinks-icons {
    list-style-type: none!important;
    position: relative;
    z-index: 1;
    top: 1px;
    display: none;
}

Dupa aceea ca sa faci meciul ca si acolo cauta: 

#nav_wrap {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #2b2b2b;
    padding: 3px;
    height: 45px;
}

si schimba cu

#nav_wrap {
    background: none;
    padding: 3px;
    height: 45px;
}

Urmatorul pas e sa cauti asta:

#primary_nav_under {
    background: #121212;
    height: 45px;
    margin: 0 auto;
    width: 100%;
}

si sa inlocuiesti cu asta

#primary_nav_under {
    background: none;
    height: 45px;
    margin: 0 auto;
    width: 100%;
}

Dupa aceea cauti asta: 

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    float: left;
    padding: 0;
}

si schimbi cu asta: 

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0 auto;
    max-width: 320px;
}

Si intr-un final cauti:

#community_app_menu>li {
    margin: 0;
    position: relative;
}

si inlocuiesti cu: 

#community_app_menu>li {
    margin-left: 5px;
    position: relative;
    background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.88);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.88);
    border: 1px solid rgba(255,255,255,0.05);
}

Nu e chiar cea mai frumoasa metoda, dar e cea mai usoara din moment ce nu te mai bag prin HTML...

Apropo, iti recomand sa astepti 24H de ore ca sa faci up la un topic, ca asa cum te grabesti tu cu draci, tot asa se poate sa nu-mi pese nici mie cu draci, si eu sunt un om dat dracului de mult, si poate dai de un moderator, si mai indracit care iti inchide topicul

Si un mic sfat, in cazul in care mai adaugi un meniu trebuie sa modific max-width din codul asta ca sa arate bine, sa-l maresti cu 100-140px pentru fiecare meniu adaugat

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0 auto;
    max-width: 320px /*+-100-14px per meniu */ ;
}

 

Edited September 4, 2015 by adriaNNN.

[+JuNNNNkie]

Dar vreau sa il pun pe centru sub logo
!

Ca sa scoti acel meniu cu facebook, twitter, etc... 

Cauta in ipb_styles.css 

.socialLinks-icons {
    list-style-type: none!important;
    position: relative;
    z-index: 1;
    top: 1px;
    display: none;
}

si schimba cu

.socialLinks-icons {
    list-style-type: none!important;
    position: relative;
    z-index: 1;
    top: 1px;
    display: none;
}

Dupa aceea ca sa faci meciul ca si acolo cauta: 

#nav_wrap {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid #2b2b2b;
    padding: 3px;
    height: 45px;
}

si schimba cu

#nav_wrap {
    background: none;
    padding: 3px;
    height: 45px;
}

Urmatorul pas e sa cauti asta:

#primary_nav_under {
    background: #121212;
    height: 45px;
    margin: 0 auto;
    width: 100%;
}

si sa inlocuiesti cu asta

#primary_nav_under {
    background: none;
    height: 45px;
    margin: 0 auto;
    width: 100%;
}

Dupa aceea cauti asta: 

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    float: left;
    padding: 0;
}

si schimbi cu asta: 

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0 auto;
    max-width: 320px;
}

Si intr-un final cauti:

#community_app_menu>li {
    margin: 0;
    position: relative;
}

si inlocuiesti cu: 

#community_app_menu>li {
    margin-left: 5px;
    position: relative;
    background-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.88);
    -moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.88);
    box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.88);
    border: 1px solid rgba(255,255,255,0.05);
}

Nu e chiar cea mai frumoasa metoda, dar e cea mai usoara din moment ce nu te mai bag prin HTML...

Apropo, iti recomand sa astepti 24H de ore ca sa faci up la un topic, ca asa cum te grabesti tu cu draci, tot asa se poate sa nu-mi pese nici mie cu draci, si eu sunt un om dat dracului de mult, si poate dai de un moderator, si mai indracit care iti inchide topicul

Si un mic sfat, in cazul in care mai adaugi un meniu trebuie sa modific max-width din codul asta ca sa arate bine, sa-l maresti cu 100-140px pentru fiecare meniu adaugat

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0 auto;
    max-width: 320px /*+-100-14px per meniu */ ;
}

 

Dar vreau sa il pun pe centru sub logo!

[+Portocala]

Asta si fac modificarile de mai sus -.-

Am intrat pe forumul tau si am vazut ca ai uitat pasul asta :

Dupa aceea cauti asta: 

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    float: left;
    padding: 0;
}

si schimbi cu asta: 

#primary_nav {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 0;
    margin: 0 auto;
    max-width: 320px;
}