Temos pavadinimas: WordPress, Shopify ir PHPFusion programuotojų bendruomenė :: Du stulpeliai panelėje.
Parašė Nesąmonė.· 2011 Sau. 22 19:01:27
#1
Kaip padaryti, kad būtų stulepliai navigacijoje? Tarkim pvz:
Pagrindinis Siuntiniai
Foto Galerija Video Galerija
Kainos Kontaktai
Arba štai duodu kodą, pakeiskit kas galit:
<style type="text/css">
#mygtukas {
width: 130px;
color: #333;
}
#mygtukas ul {
list-style: none;
margin: 0px;
padding: 0px;
border: 0px;
}
img {
border: none;
}
#mygtukas li {
height:24px;
margin:1px;
border: 1px solid #ffffff;
}
#mygtukas li a {
display: block;
padding: 7px 2px 3px 25px;
background: url(http://);
color: #000;im
text-decoration: none;
width: 20%;
}
<span style="border-bottom: 1px dotted black;">html</span>>body #mygtukas li a {
width: auto;
height:auto;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #fffde8;
}
#mygtukas li a:hover {
background: url(http://);
padding: 7px 2px 3px 25px;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #ffe508;
}
</style>
<div id="mygtukas">
<ul><li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li><li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li><li><a href="http://www.adresas.lt/forum">Forumas</a></li><li><a href="http://www.adresas.lt/kainos">Kainos</a></li><li><a href="http://www.adresas.lt/reklama">Reklama</a></li><li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li></ul>
</div></td></tr><tr><td></td></tr></tbody></table>
Redagavo Nesąmonė.· 2011 Sau. 22 20:01:02
Parašė zaiboras· 2011 Sau. 23 00:01:38
#2
jaigu geriau supratau tada atsakysiu.
Aš tai daryčiau "ūkiškai"
<style type="text/css">
#mygtukas {
width: 130px;
color: #333;
}
#mygtukas ul {
list-style: none;
margin: 0px;
padding: 0px;
border: 0px;
}
img {
border: none;
}
#mygtukas li {
height:24px;
margin:1px;
border: 1px solid #ffffff;
}
#mygtukas li a {
display: block;
padding: 7px 2px 3px 25px;
background: url(http://);
color: #000;im
text-decoration: none;
width: 20%;
}
html>body #mygtukas li a {
width: auto;
height:auto;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #fffde8;
}
#mygtukas li a:hover {
background: url(http://);
padding: 7px 2px 3px 25px;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #ffe508;
}
</style>
<div id="mygtukas">
<ul><li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li><li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li><br/><li><a href="http://www.adresas.lt/forum">Forumas</a></li><li><a href="http://www.adresas.lt/kainos">Kainos</a></li><br/><li><a href="http://www.adresas.lt/reklama">Reklama</a></li><li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li></ul>
</div></td></tr><tr><td></td></tr></tbody></table>
aišku galima ir kitaip prigalvot ir padaryt, bet tai yra papraščiausia.
Parašė Nesąmonė.· 2011 Sau. 23 00:01:36
#3
Na, čia ne br, du stulpelius turėjau omeny štai taip:
Parašė utx· 2011 Sau. 23 19:01:20
#4
<style type="text/css">
#mygtukas {
width: 130px;
color: #333;
float: left;
padding: 0px auto;
#mygtukas2 {
width: 130px;
color: #333;
float: right;
padding: 0px auto;
}
#bendras {
background-color: none;
align: center;
}
#mygtukas ul {
list-style: none;
margin: 0px;
padding: 0px;
border: 0px;
}
img {
border: none;
}
#mygtukas li {
height:24px;
margin:1px;
border: 1px solid #ffffff;
}
#mygtukas li a {
display: block;
padding: 7px 2px 3px 25px;
background: url(http://);
color: #000;im
text-decoration: none;
width: 20%;
}
<span style="border-bottom: 1px dotted black;">html</span>>body #mygtukas li a {
width: auto;
height:auto;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #fffde8;
}
#mygtukas li a:hover {
background: url(http://);
padding: 7px 2px 3px 25px;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #ffe508;
}
</style>
<div id="bendras"
<div id="mygtukas">
<ul><li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li><li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li><li><a href="http://www.adresas.lt/forum">Forumas</a></li><li><a href="http://www.adresas.lt/kainos">Kainos</a></li><li><a href="http://www.adresas.lt/reklama">Reklama</a></li><li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li></ul>
</div>
<div id="mygtukas2">
<ul><li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li><li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li><li><a href="http://www.adresas.lt/forum">Forumas</a></li><li><a href="http://www.adresas.lt/kainos">Kainos</a></li><li><a href="http://www.adresas.lt/reklama">Reklama</a></li><li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li></ul>
</div>
</div></td></tr><tr><td></td></tr></tbody></table>
Kažkas tokio , jei netaisiklingai parašiau tai pabandyk pats pasitaisyt
Parašė Nesąmonė.· 2011 Sau. 23 21:01:51
#5
utx parašė:
<style type="text/css">
#mygtukas {
width: 130px;
color: #333;
float: left;
padding: 0px auto;
#mygtukas2 {
width: 130px;
color: #333;
float: right;
padding: 0px auto;
}
#bendras {
background-color: none;
align: center;
}
#mygtukas ul {
list-style: none;
margin: 0px;
padding: 0px;
border: 0px;
}
img {
border: none;
}
#mygtukas li {
height:24px;
margin:1px;
border: 1px solid #ffffff;
}
#mygtukas li a {
display: block;
padding: 7px 2px 3px 25px;
background: url(http://);
color: #000;im
text-decoration: none;
width: 20%;
}
<span style="border-bottom: 1px dotted black;">html</span>>body #mygtukas li a {
width: auto;
height:auto;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #fffde8;
}
#mygtukas li a:hover {
background: url(http://);
padding: 7px 2px 3px 25px;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #ffe508;
}
</style>
<div id="bendras"
<div id="mygtukas">
<ul><li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li><li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li><li><a href="http://www.adresas.lt/forum">Forumas</a></li><li><a href="http://www.adresas.lt/kainos">Kainos</a></li><li><a href="http://www.adresas.lt/reklama">Reklama</a></li><li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li></ul>
</div>
<div id="mygtukas2">
<ul><li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li><li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li><li><a href="http://www.adresas.lt/forum">Forumas</a></li><li><a href="http://www.adresas.lt/kainos">Kainos</a></li><li><a href="http://www.adresas.lt/reklama">Reklama</a></li><li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li></ul>
</div>
</div></td></tr><tr><td></td></tr></tbody></table>
Kažkas tokio , jei netaisiklingai parašiau tai pabandyk pats pasitaisyt
Oo, va to norėjau. ;) Tik background kažko nerodo, kai uždedu img, kodėl? Ai, va dar, kairės pusės šonas šiek tiek žemiau, nei dešinės.
Vat, jei gali sutvarkyk, būtų labai gerai. :)
Parašė utx· 2011 Sau. 23 21:01:05
#6
Duok webą, pažiūrėsim. Į pm atsiųsk.
Parašė Nesąmonė.· 2011 Sau. 23 23:01:56
#7
openside("Navigacija");
echo"
#mygtukas {
width: 130px;
color: #333;
float: left;
padding: 0px auto;
#mygtukas2 {
width: 130px;
color: #333;
float: right;
padding: 0px auto;
}
#bendras {
align: center;
}
#mygtukas ul {
list-style: none;
margin: 0px;
padding: 0px;
border: 0px;
}
img {
border: 1px;
}
#mygtukas li {
height:24px;
margin:1px;
border: 1px solid #ffffff;
}
#mygtukas li a {
display: block;
padding: 7px 2px 3px 25px;
background: url(http://adresas.lt/images/table1.png);
color: #000;im
text-decoration: none;
width: 20%;
}
<span style="border-bottom: 1px dotted black;">html</span>>body #mygtukas li a {
width: auto;
height:auto;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #fffde8;
}
#mygtukas li a:hover {
background: url(http://adresas.lt/images/table12.png);
padding: 7px 2px 3px 25px;
font-size:11px;
font-family: sans-serif;
font-weight: bold;
color: #ffe508;
}
<div id="bendras">
<div id="mygtukas">
<li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li>
<li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li>
<li><a href="http://www.adresas.lt/forum">Forumas</a></li>
<li><a href="http://www.adresas.lt/kainos">Kainos</a></li>
<li><a href="http://www.adresas.lt/reklama">Reklama</a></li>
<li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li>
</div>
<div id="mygtukas2">
<li><a href="http://www.adresas.lt/news.php">Pagrindinis</a></li>
<li><a href="http://www.adresas.lt/serveriai">Siuntiniai</a></li>
<li><a href="http://www.adresas.lt/forum">Forumas</a></li>
<li><a href="http://www.adresas.lt/kainos">Kainos</a></li>
<li><a href="http://www.adresas.lt/reklama">Reklama</a></li>
<li><a href="http://www.adresas.lt/kontaktai">Kontaktai</a></li>
</div>
";
closeside();
Kodėl nerodo paveikslėlio background?
Bei, kai bandau pridėti į paneles rodo error:
php f v7 versija.
Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in /home/usaera/domains/adresas.lt/public_html/administration/panel_editor.php(122) : eval()'d code on line 57
Kas čia yra?
Redagavo Nesąmonė.· 2011 Sau. 24 19:01:37
Parašė avice· 2011 Sau. 24 19:01:09
#8
echo " "; keisk i echo ' ';
ir stiliu dek tarp <style>STILIAI </style>
Parašė utx· 2011 Sau. 24 19:01:49
#9
Visus " replacink į ' arba daryk kaip avice sakė.
Parašė Nesąmonė.· 2011 Sau. 24 19:01:32
#10
O kodėl background image nerodo?
Parašė avice· 2011 Sau. 24 19:01:05
#11
gal sita
#bendras {
align: center;
}
keisk i
#bendras {
background: url(XXXXXXXXXXXXXXXXXXXXX);
align: center;
}
Parašė Nesąmonė.· 2011 Sau. 24 21:01:38
#12
Ne, kažkodėl tai nepadėjo, kaip dar galima sutvarkyti?