Autor | Zpráva | ||
---|---|---|---|
Santy Profil |
#1 · Zasláno: 7. 12. 2013, 11:58:17
Ahoj, potreboval by som spravit css menu ale volajako mi to nejde, poprosil by som aby ste mi niekto napisali menu, dlžka 100% na celu stránku pozadie menu čierne výška ... približne ako tot www.multimine.cz no a vycentrovane aby bolo v strede + submenu + ked pojdem na menu aby bol text zeleny a povodne biely... viem že to nieje nič tažke na niekolko hodín ... kto ma ochotu tak nech mi tu pošle kod Dik
|
||
Petr. K. Profil * |
#2 · Zasláno: 7. 12. 2013, 14:42:09 · Upravil/a: Moderátor (editace znemožněna) 7. 12. 2013, 21:01:57
Santy:
Moderátor Petr ZZZ: Škrtám, mimo vyhrazené kategorie nejsou dovoleny příspěvky s komerčním podtextem, příště to prosím respektuj.
|
||
Santy Profil |
#3 · Zasláno: 7. 12. 2013, 16:57:59
0 :) celkem dobrá ponuka, chtel sem to od človeka kterej neni naročnej a rad to udela zdarma, jelikož takove obyčejne černe menu není nic težke.
|
||
Kubo2 Profil |
Santy:
Prvá otázka: Si Čech alebo Slovák? Píš prosím ťa svojou materinskou rečou. „poprosil by som aby ste mi niekto napisali menu“ Pravidla diskuse JPW a doporučení » 9. Nežádejte příliš. Hotová řešení příliš specifických dotazů zde pravdepodobně nedostanete. Keď už niečo chceš od druhých, mohol by si sa snažiť im aspoň čo najviac uľahčiť to, čo od nich chceš. Parametre (vlastnosti) zadávaj prosím do odrážok a pod seba. „... kto ma ochotu tak nech mi tu pošle kod“ Ja mám ochotu, ale viď predchádzajúce. <flame class="zmazať"> Ak vám to nebude vadiť, prepíšem si pre seba tie parametre ako zoznam. > Potrebuje spraviť CSS menu (predpokladám iba CSS šablónu pre všeobecne menu). „dlžka 100%“ - pod tým mám rozumieť čo? Aká dĺžka? Hádam si myslel šírku (width). výška: 40px pozadie čierne - background: [font#000000]#000[/font]
komplet vycentrované hover efekty - color: [font#ffffff]#fff[/font]->[font#00ff00]#0f0[/font] - vysúvacie 1-úrovňové submenu „viem že to nieje nič tažke na niekolko hodín“ Ak vieš že to nie je nič ťažké, tak prečo sa aspoň nepokúsiš napísať sem, aký s tým máš problém, čo ti nefunguje, mi by sme ti pomohli a našli riešenie - ale ty radšej budeš mrhať niekoľko hodín času niekoho iného, komu za to nič nič nedáš? |
||
Santy Profil |
#5 · Zasláno: 7. 12. 2013, 18:49:24
povedzme že mám menu ktore funguje iba na chome, na mozile čistočne a na exploreri nefunguje skoro nič... takže... mozila - submenu sa nezobrazí cele ak je tesne pod ním video inač všetko v poho. Explorer - nefunguje vôbec submenu ani farba v texte ked nanho vojdem...
tu je css menu /* Menu */ #nav,#nav ul { list-style: none outside none; margin: auto; padding: 0; } #nav { clear: both; font-size: 12px; height: 58px; padding: 0 0 0 9px; position: center; width: 100%; margin-left: auto; margin-right: auto; } #nav ul { background-color: #222; border:1px solid #222; border-radius: 0 5px 5px 5px; border-width: 0 1px 1px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); left: -9999px; overflow: hidden; position: absolute; top: -9999px; z-index: 2; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } #nav li { background: url('../img/menu/menu_line.png') no-repeat scroll right 5px transparent; float: left; position: relative; margin-left: auto; margin-right: auto; } #nav li a { color: #FFFFFF; display: block; float: left; font-weight: normal; height: 30px; padding: 23px 20px 0; position: relative; text-decoration: none; text-shadow: 1px 1px 1px #000000; margin-left: auto; margin-right: auto; } #nav li:hover > a { color: #0ba12e; } #nav li:hover, #nav a:focus, #nav a:hover, #nav a:active { background: none repeat scroll 0 0 #121212; outline: 0 none; } #nav li:hover ul.subs { left: 0; top: 53px; width: 180px; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } #nav ul li { background: none; width: 100%; } #nav ul li a { float: none; } #nav ul li:hover > a { /*Barva pismen v menu + barva pozadí*/ background-color: #121212; color: #0ba12e; } header { color:#fff; display:block; height:80px; margin: auto; width:100%; z-index:100; } header h2{ font-size:22px; font-weight:normal; left:50%; margin-left:-400px; padding:22px 0; position:absolute; width:540px; } header a.stuts,a.stuts:visited{ border:none; text-decoration:none; color:#fcfcfc; font-size:14px; left:50%; line-height:31px; margin:23px 0 0 110px; position:absolute; top:0; } header .stuts span { font-size:22px; font-weight:bold; margin-left:5px; } #menu-hr { margin-left: auto; margin-right: auto; height: 100px; width: 675px; /* 675 */ } .container { height: 53px; /*20*/ margin: 0px auto; /*30*/ width: 100%; /*100*/ background-color: #000000; } |
||
Davex Profil |
#6 · Zasláno: 7. 12. 2013, 18:59:21
Santy:
„a na exploreri nefunguje skoro nič...“ Tady bychom se mohli bez živé ukázky dohadovat třeba o tom, jestli je stránka ve standardním nebo kompatibilním vykreslovacím režimu. V kompatibilním režimu nebo ve starších Explorerech nebude fungovat stylování neznámých elementů jako <header> a pseudotřída :hover bude fungovat pouze na odkazech.
|
||
Santy Profil |
#7 · Zasláno: 7. 12. 2013, 19:24:32
tak tady máš funkční menu jen ho potrebuji dát do stredu
/* Menu */ #cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; } #cssmenu { height: 49px; border-radius: 0px 0px 0 0; -moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; background: #000000; background: -moz-linear-gradient(top, #000000 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); background: -o-linear-gradient(top, #000000 0%, #000000 100%); background: -ms-linear-gradient(top, #000000 0%, #000000 100%); background: linear-gradient(top, #000000 0%, #000000 100%); width: 100%; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } #cssmenu a { background: #000000; background: -moz-linear-gradient(top, #000000 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000)); background: -webkit-linear-gradient(top, #000000 0%, #000000 100%); background: -o-linear-gradient(top, #000000 0%, #000000 100%); background: -ms-linear-gradient(top, #000000 0%, #000000 100%); background: linear-gradient(top, #000000 0%, #000000 100%); color: #000000; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 49px; padding: 0 20px; text-decoration: none; } #cssmenu ul { list-style: none; } #cssmenu > ul { float: center; } #cssmenu > ul > li { float: left; } #cssmenu > ul > li > a { color: white; font-size: 12px; } #cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0000; margin-left: -10px; } #cssmenu > ul > li:first-child > a { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; } #cssmenu > ul > li.active:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #0000; margin-left: -10px; } #cssmenu > ul > li.active > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background: #000000; background: -moz-linear-gradient(top, #000000 0%, #000000 ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000 ef)); background: -webkit-linear-gradient(top, #000000 0%, #000000 ef 100%); background: -o-linear-gradient(top, #000000 0%, #000000 ef 100%); background: -ms-linear-gradient(top, #000000 0%, #000000 ef 100%); background: linear-gradient(top, #000000 0%, #000000 ef 100%); } #cssmenu > ul > li:hover > a { background: #000000; background: -moz-linear-gradient(top, #000000 0%, #000000 ef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000 ef)); background: -webkit-linear-gradient(top, #000000 0%, #000000 ef 100%); background: -o-linear-gradient(top, #000000 0%, #000000 ef 100%); background: -ms-linear-gradient(top, #000000 0%, #000000 ef 100%); background: linear-gradient(top, #000000 0%, #000000 ef 100%); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); } #cssmenu .has-sub { z-index: 1; } #cssmenu .has-sub:hover > ul { display: block; } #cssmenu .has-sub ul { display: none; position: absolute; width: 200px; top: 100%; left: 0; } #cssmenu .has-sub ul li { *margin-bottom: -1px; } #cssmenu .has-sub ul li a { background: #000000; border-bottom: 1px dotted #000000; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px; color: white; } #cssmenu .has-sub ul li:hover a { background: #000000; } #cssmenu .has-sub .has-sub:hover > ul { display: block; } #cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; } #cssmenu .has-sub .has-sub ul li a { background: #000000; border-bottom: 1px dotted #000000; } #cssmenu .has-sub .has-sub ul li a:hover { background: #000000; } |
||
Kubo2 Profil |
#8 · Zasláno: 7. 12. 2013, 19:40:12
|
||
Santy Profil |
#9 · Zasláno: 7. 12. 2013, 19:56:04
nie pretože si použil css menu generator :) - nechcem byt haj*zlík ale nepači sa mi submenu
|
||
Kubo2 Profil |
Santy:
„nie pretože si použil css menu generator :)“ Nie, nepoužil som nijaký generátor, ak sa ti niečo také zdá. Napísal som to ručne a ak sa ti nepáči napíš si to sám! Mimochodom, aký dôkaz máš k tomu, že som použil nejaký generátor? |
||
Tomáš123 Profil |
#11 · Zasláno: 7. 12. 2013, 20:08:33
Santy:
Akože co viac by si chcel vef je to dobré... |
||
Kubo2 Profil |
#12 · Zasláno: 7. 12. 2013, 20:20:39
Tomáš123, Santy:
Presne, a upraviť si to predpokladám vieš. |
||
Tomáš123 Profil |
#13 · Zasláno: 7. 12. 2013, 20:45:27
Santy, Kubo2:
jedine co sa mu moze nepacit su medzery a tie zmeni prepisanim hodnotu padding na akukolvek väčšiu napr. 200 |
||
Časová prodleva: 10 let
|
0