Menu bez tła [Header].

[Shenik]

Czołem

 

Mam pewien problem bawie trochę w menu i chciałbym zrobić takie bez tła aby wchodziło menu w header tak jak tutaj jest na takowej stronie internetowej: net4game.com

 

Czybyście byli wstanie mi pomóc? ; ))

 

Mój obecny kod jest taki:

 

 
#primary_nav {
background: ;
font-size: 13px;
padding: 2px 0 0 0;
}
 
#community_app_menu > li { margin: 0px 3px 0 0; position: relative; }
 
 
#community_app_menu > li > a { 
background: #1C3B5F;
border-radius: 3px 3px 0px 0px;
color: #C5D5E2;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.506);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { background: #173455; color: #fff; }
 
 
#community_app_menu > li.active > a { 
background: url("http://censure/public/style_images/master/tab_active_base.png") 0px 0px repeat-x #FFFFFF;
color: #0B5794;
font-weight: 700;
margin-top: 0px;
text-shadow: none;

Edytowane 9 Marca 2013 przez Shenik

[Macsch15]

Automatyczna wiadomość

Temat przeniesiony z forum

Invision Power Board → Invision Power Board 3.4 → Ogólny support IPB

do

Invision Power Board → Invision Power Board 3.4 → Style - pomoc

[lamusq]

#primary_nav {
background: ;
font-size: 13px;
padding: 2px 0 0 0;
opacity: 1.0;
}

 

 

Spróbuj, jeśli chcesz też z zakładkami to dodaj tam też opacity.

[Shenik]

Hej, dzięki za coś napisałeś no ale niestety nie działa masz jakieś inne pomysły?

[lamusq]

Opacity Ci nie działa? Spróbuj zamiast 1.0 dać 0.9, żadnych efektów? Najlepiej usuń całkowicie linijkę background.

Edytowane 9 Marca 2013 przez lamusq

[Shenik]

}

 

#logo { display: inline; }

 

#primary_nav {

 

font-size: 13px;

padding: 2px 0 0 0;

opacity: 0.1;

 

}

 

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

 

 

#community_app_menu > li > a { 

background: #2c5687;

border-radius: 3px 3px 0px 0px;

color: #C5D5E2;

display: block;

padding: 6px 15px 8px;

text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.506);

}

#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { background: #173455; color: #fff; }

 

 

#community_app_menu > li.active > a { 

background: url("http://censure/public/style_images/master/tab_active_base.png") 0px 0px repeat-x #FFFFFF;

color: #0B5794;

font-weight: 700;

margin-top: 0px;

text-shadow: none;

}

Dawałem również na 0.9 ale niestety nie działa, jednie to co to mi się zrobiło menu przezroczyste ale dalej jest na dole a nie na headarze. Edytowane 9 Marca 2013 przez Shenik

[Gonzo]

Skoro znalazłeś forum, gdzie takie rozwiązanie jakie chcesz na swoim forum, zostało zaimplementowane, to nie możesz np. firebugiem zobaczyć jak to zostało zrobione?

Czy oczekujesz na darmowe (również bez wysiłku z twojej strony) rozwiązanie podane na tacy na forum?

[Shenik]

Próbowałem w tej modyfikacji FrieBug zrobić ale niestety nie dało się, no niestety bym prosił kogoś kto by mógłby mi wykonać takowy kod.

[Gość ratosluaf]

Ustaw margin-top dla primary_nav na -x px, usuń tło.

[Shenik]

a może tak jaśniej ? )

obecnie tak o dałem to:

#primary_nav {

margin-top: x px;
font-size: 13px;
padding: 2px 0 0 0;
opacity: 0.1;
 
}
 
#community_app_menu > li { margin: 0px 3px 0 0; position: relative; }
 
 
#community_app_menu > li > a { 
background: #2c5687;
border-radius: 3px 3px 0px 0px;
color: #C5D5E2;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.506);
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active { background: #173455; color: #fff; }
 
 
#community_app_menu > li.active > a { 
background: url("http://censure/public/style_images/master/tab_active_base.png") 0px 0px repeat-x #FFFFFF;
color: #0B5794;
font-weight: 700;
margin-top: 0px;
text-shadow: none;
}

[Gość BaQStiC]

Jakbys podal adres forum bylo by prosciej...

[Shenik]

a moze i nie bo co wam? daje kurna kody wiec