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?