• Seite 1 von 2
  • 1
  • 2
  • »
Gemeinschaft uCoz » Für Webmaster » Design » Navigation verändern (noch offen)
Navigation verändern
Loca
Beiträge: 9
Ruf: 0
Beitrag # 1 | 20:11 27.10.2009
erstmal hallo alle miteinander,
bin neu hier ^^
ich hoffe ich mach euch nicht so viel ärger zumachen biggrin
ich hab schon versucht mein problem hier in forum zu finden und bin leider nicht fündig geworden.

ich machs kurz^^:

Ich hab eine Frage:
Kann man vielleicht ein design auswählen (von der Liste), und die navigation( also Hauptseite, Foto,Musik...etc.) und sie ürgendwie nach oben und horizintal verschiebin??????HIer ien beispiel wie ich es eigentlich haben will http://www.butterfly-music.de/m1x/

Kenn mich mit CSS noch nciht so gut aus.

Ich bedanke mich jetzt schon mal für eure hilfe smile :) smile hands

Beitrag wurde von Loca - Dienstag, 27.10.2009, 20:11 bearbeitet
Cheburator
Beiträge: 2172
Ruf: 83
Beitrag # 2 | 20:25 27.10.2009
Hallo, hab hier mal was schönes für dich biggrin

Ganz unten in der CSS folgendes einfügen:

Code
/* ------- New Menu ------ */
#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
#nav li {float: left;background: url(/pd.png);}
#nav li.uz {float: left; position: relative;background: none;}
#nav a {text-decoration: none; display: block; width: 120px; height:25px; padding-top: 7px;}
#nav a:hover {background: #806F61;}
#nav li:hover,
#nav li.jshover {background: #806F61;}
#nav li ul {display: none; position: absolute; background: url(/dp.png); padding: 1px; width: 118px;}
#nav li li a {width: 118px; background: none;}
#nav li:hover ul,
#nav li.jshover ul {display: block;}
#nav li:hover li ul,
#nav li.jshover li ul {display: none; width: 119px; top: 0px; left: 118px;}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {display: block;}
/* ----------------- */

dannach musst du dein Design bearbeiten beim Oberemteil der Website und dort fügst du diesen code ein da wo du dieses menu haben willst!

Code
<!--U1NEWMENU1Z--><table><tr><td align=center>     
<ul id="nav">     
<li><a href="link"><FONT size=2 color="#FFFFFF"><b>Name</b></FONT></a>     
<ul>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link/"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
</ul>     
</li>     
<li><a href="link"><FONT size=2 color="#FFFFFF"><b>Name</b></FONT></a></li>     
<li><a href="#"><FONT size=2 color="#FFFFFF"><b>Name</b></FONT></a>     
<ul>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a>     
<ul>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
<li class="uz" style="border-bottom:1px solid #A19F9D;"><a href="link"><FONT color="#EBE6E3">Name</FONT></a></li>     
</ul>     
</li>     
         
<script type="text/javascript">     
     jsHover = function() {
     var hEls = document.getElementById("nav").getElementsByTagName("LI");
     for (var i=0, len=hEls.length; i<len; i++) {     
     hEls[i].onmouseover=function() { this.className+=" jshover"; }     
     hEls[i].onmouseout=function() { this.className=this.className.replace(" jshover", ""); }     
     }     
     }     
     if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);></script></td></tr></table><!--/U1NEWMENU1Z-->

Im code Link und Name durch dein eigenes ersetzen!!!


Meine uCoz Website: uScripts.de
Mein Blog: *Soon*
noobishrabbit
Beiträge: 929
Ruf: 33
Beitrag # 3 | 01:15 28.10.2009
Frage beantwortet? können wir das Thema schließen?

Gruß!
Anton

wuerzburg-riders.de - the place to be

in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :)
Loca
Beiträge: 9
Ruf: 0
Beitrag # 4 | 19:41 29.10.2009
entschuldigung erstmals, weil ich nciht so schnell antworten konnte (konnte aus paar Gründen in den letzten tagen kaum on gehn sad )

erstmals danke für die schnelle antwort

doch ich hab ein problem: sad

wie du geschrieben hast habe ich den ersten text/befehle in den CSS verlauf eingefügt (Seiteneditior/Designverwaltung des Modus/Gemeinsame Schablonen
Cascading Style Sheets (CSS)) und ganz unten eingefügt.
Hab auch den zweuiten teil in Seiteneditior/Designverwaltung des Modus/Globale Blöcke Oberer Teil der Website eingefügt doch es ist irgendwie komisch geworden

1 Problem: das normale menü ist immer ncoh da, ist nciht so schlimm würde aber auch gern weg kriegen

2.Problem:die neue Navigation leiste ist leider nicht waagerecht aufgebaut

3:Problemm: wenn ich auf einen der neuen oben eingefügten menü leiste klicke komm das die seite nicht gefunden wurde( wie fügman den hyperlink oder wie es bei CSS heißt ein)

ist ein langer text, aber ich hoffe auf eure hilfe wacko

fals ihr das problem euch anschauen wollt hier: http://loca-music.ucoz.net/

Viel Dank smile спасибо smile

Beitrag wurde von Loca - Donnerstag, 29.10.2009, 19:42 bearbeitet
XReaper
Beiträge: 233
Ruf: 4
Beitrag # 5 | 14:29 30.10.2009
html

Code
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body>
<table align="center" id="breite" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="center" width="100%" >
<div id="all">
<div class="menu" >
<ul>
<li><a class="hide" href="#">TEST</a>
<ul>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
</ul>
</li>
<li><a class="hide" href="#">TEST</a>
<ul>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
</ul>
</li>
<li><a class="hide" href="#">TEST</a>
<ul>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
</ul>
</li>
<li><a class="hide" href="#">TEST</a>
<ul>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
<li><a href="index.html">TEST</a></li>
</ul>
</li>
</ul>

css

Code
#all {
width:840px;
height:100%;
padding: 0px;
margin:0 auto;
text-align:center;
}

.menu {
width:100%;
height:40px;
background-color:#fff;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#4f4f4f;
background-color:#F7F7F7;
font-family:verdana, sans-serif;
font-size: 12px;
font-variant:normal;
overflow:hidden;
width: 206px;
margin:1px 1px 1px 1px;
border:solid 1px #CFCFCF;
line-height:39px;
text-align:center;

}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
display: none;
}

.menu ul li:hover a {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;
margin:1px 1px 1px 1px;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px;
left:0;
width:206px;
}
.menu ul li:hover ul li a.hide {
background-color:#EFEFEF;
color:#000;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#efefef;
color:#000;
}
.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block;
background-color:#EFEFEF;
color:#000;
font-style:italic;
border:solid 1px #bfbfbf;
line-height:40px;
background-repeat:repeat;
-moz-opacity: 0.70;
opacity: 0.70;

}

.menu ul li:hover ul li a:hover {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;}

#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7F7F7F;
font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
background-color:#;
text-decoration:underline ;
}
#menu1 a:hover {color:#000; text-decoration:none ;
background:transparent;
text-decoration:none ;
}

HABE DEN CODE NICHT GETESTET ! MÜSSTE ABER FUNKTIONIEREN !

hmmmm
Beitrag wurde von XReaper - Freitag, 30.10.2009, 14:36 bearbeitet
Loca
Beiträge: 9
Ruf: 0
Beitrag # 6 | 16:34 30.10.2009
hab ne frage
wohin soll ich dies einfügen ???
XReaper
Beiträge: 233
Ruf: 4
Beitrag # 7 | 12:57 31.10.2009
bearbeite erstmal die .css datei (bearbeite das design)
und dann genau so wie es oben bei Cheburator beschriben ist!

Zugefügt (31.10.2009, 12:57)
---------------------------------------------
hat es funktioniert?

hmmmm
Loca
Beiträge: 9
Ruf: 0
Beitrag # 8 | 19:16 02.11.2009
sad sad sad sad
ich krieg ds nicht hin ( könnte wegen meine dummheit heulen)

www.loca-music.ucoz.net

sind fast schon so aus wie ich es wollte

aber hab ne frage: warum kommt immer dieses lineage 2 design wenn ich die befehle einfüge???

und es wirkt ürgendwie alles verschoben

PLS HELP

XReaper
Beiträge: 233
Ruf: 4
Beitrag # 9 | 19:33 02.11.2009
ich raf nich was du da gemacht hast! biggrin

soll sich das menü aufklappen ?

oder einfach nur eine wagerechte liste werden link\link\link\????

hmmmm
Loca
Beiträge: 9
Ruf: 0
Beitrag # 10 | 20:50 03.11.2009
ich hätte es gern das es aufkalppen würde

pls kann jemand für dummen (mich smile )schrit für schrit eklären was ich machen muss (und wohin ich die befehle ienfügen soll)

pls help

Beitrag wurde von Loca - Dienstag, 03.11.2009, 20:50 bearbeitet
XReaper
Beiträge: 233
Ruf: 4
Beitrag # 11 | 15:50 04.11.2009
ich bin schlecht in erklären ! wink poste mir mal dein code ich mach dir das schnell fertig!!!!!
hmmmm
Loca
Beiträge: 9
Ruf: 0
Beitrag # 12 | 21:23 04.11.2009
ich bedanke mich, dass du die arbeit auf dich nimmst angel

hier ist der CSS verlauf

/

Code
* General Style */
body {background: #1f1f1f; margin:0px; padding:0px;}
#contanier {background: url('/.s/t/828/2.gif') center repeat-y #1f1f1f; margin:0px; padding:0px; text-align: center;}
#mainTable {width: 999px; margin-left: auto; margin-right: auto; border: none; border-collapse: collapse; padding: 0;}
#centerColumn {width: 599px; vertical-align: top;}
.subColumn {width: 200px; vertical-align: top; padding-top: 150px;}
#content {vertical-align: top; background: url('/.s/t/828/3.jpg') top no-repeat; padding-top: 199px;}
#date {text-align: right; color: #898989; padding: 10px; margin-bottom: 10px;}
#navigation {height: 29px;}
#navigation a {text-transform: uppercase; font-weight: bold; font-size: 7pt; display: block; float: left; line-height: 29px; padding: 0px 7px; background: url('/.s/t/828/4.gif') no-repeat; margin-right: 1px; text-decoration: none; color: #000000;}
#navigation a:hover {color: #ffffff; background: #000000;}
#textBlock {margin: 10px; width: 579px;}
#footer {height: 72px; padding-top: 10px; background: url('/.s/t/828/5.gif') repeat-x; text-align: center; color: #000000;}
#footer a {color: #ffffff;}

.sTable {width: 100%;}
#header {width: 599px; height: 58px; background: url('/.s/t/828/6.gif') no-repeat; vertical-align: middle; padding-left: 20px;}
#header h1 {color: #ffffff; font-size: 20pt; font-weight: normal; margin: 0; padding: 0;}

.boxTable {width:200px;padding:0;margin:5px 0px;text-align:center;border: none; border-collapse: collapse; }
.boxTable1 {width:200px;padding:0;margin:5px 0px;text-align:center;border: none; border-collapse: collapse; }

.boxTable th {font-size:9pt;color:#000000;padding:5px;text-align:center; background: url('/.s/t/828/7.gif') no-repeat; height: 50px; text-transform: uppercase;}
.boxTable1 th {font-size:9pt;color:#000000;padding:5px;text-align:center; background: url('/.s/t/828/8.gif') no-repeat; height: 50px; text-transform: uppercase;}

.boxTable .boxContent {background: url(/.s/t/828/9.gif) bottom no-repeat; padding:10px 10px 15px 15px;text-align:left;}
.boxTable1 .boxContent {background: url(/.s/t/828/10.gif) bottom no-repeat; padding:10px 15px 15px 10px;text-align:left;}
.boxTable1 .center {text-align:center;}

a:link {text-decoration:underline; color:#CCCCCC;}
a:active {text-decoration:underline; color:#CCCCCC;}
a:visited {text-decoration:underline; color:#CCCCCC;}
a:hover {text-decoration:none; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#9F9F9F}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}

a.noun:link {text-decoration:none; color:#CCCCCC}
a.noun:active {text-decoration:none; color:#CCCCCC}
a.noun:visited {text-decoration:none; color:#CCCCCC}
a.noun:hover {text-decoration:none; color:#FFFFFF}
.mframe1 {padding:2 10 30 10px;}
hr {color:#464646;height:1px;}
label {cursor:pointer;cursor:hand}
h1 {color:#ffffff; font-size: 12pt;}

.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/828/11.gif') no-repeat 5px 2px;}

.menut0 {}
.menut {padding:2 3 3 15px;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:underline; color:#CCCCCC}
a.menu1:active {text-decoration:underline; color:#CCCCCC}
a.menu1:visited {text-decoration:underline; color:#CCCCCC}
a.menu1:hover {text-decoration:none; color:#FFFFFF}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/828/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#CCCCCC}
.uMenuV li a:active {text-decoration:none; color:#CCCCCC}
.uMenuV li a:visited {text-decoration:none; color:#CCCCCC}
.uMenuV li a:hover {text-decoration:none; color:#FFFFFF}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#FFFFFF;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#FFFFFF}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#FFFFFF}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/828/12.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 6px 13px; background: url('/.s/t/828/13.gif') no-repeat 0px 3px;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#696969;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#CCCCCC;}
a.catName:visited {text-decoration:none; color:#CCCCCC;}
a.catName:hover {text-decoration:none; color:#FFFFFF;}
a.catName:active {text-decoration:none; color:#CCCCCC;}
a.catNameActive:link {text-decoration:none; color:#FFFFFF;}
a.catNameActive:visited {text-decoration:none; color:#FFFFFF;}
a.catNameActive:hover {text-decoration:underline; color:#FFFFFF;}
a.catNameActive:active {text-decoration:none; color:#FFFFFF;}
/* ----------------- */

/* Entries Style */
.eBlock {border-top:1px solid #000000;border-bottom:1px solid #000000;background:#1e1e1e;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:12pt;font-weight:bold;color:#8dc63f; padding: 10px; }
.eTitle a:link {text-decoration:underline; color:#8dc63f;}
.eTitle a:visited {text-decoration:underline; color:#8dc63f;}
.eTitle a:hover {text-decoration:none; color:#FFFFFF;}
.eTitle a:active {text-decoration:underline; color:#8dc63f;}

.eText {text-align:justify; padding:10px !important;border-top:1px dashed #555555;}
.eMessage {padding: 10px !important;}

.eDetails {background:#171717;color:#666666;padding:5px;text-align:left;font-size:7pt; }
.eDetails1 {background:#171717;color:#666666;padding:5px;text-align:left;font-size:8pt; }
.eDetails2 {background:#171717;color:#666666;padding:5px;text-align:left;font-size:8pt; }

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/828/14.gif') no-repeat 0px 0px;}
/* --------------- */

/* Entry Manage Table */
.manTable {border:1px solid #555555;background:#2C2C2C;}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {color:#838383;padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#2C2C2C;border:1px solid #555555;}
.cBlock2 {background:#2C2C2C;border:1px solid #555555;}
/* -------------- */

/* Comments Form Style */
.commTable {border:1px solid #555555;background:#2C2C2C;}
.commTd1 {color:#86c2ff;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#636363;background:#222222;border:1px solid #555555;}
.smiles {border:1px solid #555555;background:#222222;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#636363;background:#222222;border:1px solid #555555;}
/* ------------------- */

/* News/Blog Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/828/15.gif') no-repeat 0px 4px;}
.archActive {color:#FFFFFF;}
a.archLink:link {text-decoration:underline; color:#FFFFFF;}
a.archLink:visited {text-decoration:underline; color:#FFFFFF;}
a.archLink:hover {text-decoration:none; color:#D8D5D5;}
a.archLink:active {text-decoration:none; color:#D8D5D5;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#E2B4B4;}
.archiveDateTitle {font-weight:bold;color:#FFFFFF;padding-top:15px;}
.archEntryHr {width:250px;color:#333333;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/828/16.gif') no-repeat 0px 2px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#FFFFFF}
a.archiveDateTitleLink:active {text-decoration:underline; color:#FFFFFF}
.archiveNoEntry {text-align:center;color:#E2B4B4;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calTable {margin-left: auto; margin-right: auto;}
.calMonth {}
.calWday {color:#FFFFFF; background:#444444; width:18px;}
.calWdaySe {color:#FFFFFF; background:#555555; width:18px;}
.calWdaySu {color:#FFFFFF; background:#555555; width:18px; font-weight:bold;}
.calMday {color:#CCCCCC;background:#202020;}
.calMdayA {color:#000000;background:#CCCCCC;}
.calMdayIs {color:#C04141;background:#222222;font-weight:bold;border:1px solid #555555;}
.calMdayIsA {border:1px solid #555555; background:#333333;font-weight:bold;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#FFFFFF;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------------ */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000}
.textResults {background:#FFFFFF}
.textResultsTd {background:#5F5F5F}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#5F5F5F}

.totalVotesTable {background:#FFFFFF}
.totalVotesTd {background:#5F5F5F}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Other Styles */
.replaceTable {height:100px;width:300px;}
.replaceBody {background: url('/.s/t/828/2.gif') center repeat-y #1f1f1f;}

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#000000;border-bottom:2px solid #8dc63f;}
.gTableTop {padding:2px;height:25px; background:url('/.s/t/828/17.gif') #191919;border:1px solid #494949; color:#CCCCCC;font-family:Verdana,Sans-Serif;font-size:13px;font-weight:bold; padding-left:22px;}
.gTableSubTop {padding:2px;background:url('/.s/t/828/18.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.gTableBody {padding:2px;background:#202020;}
.gTableBody1 {padding:2px;background:#202020;}
.gTableBottom {padding:2px;background:#202020;}
.gTableLeft {padding:2px;background:#202020;font-weight:bold;color:#CCCCCC}
.gTableRight {padding:2px;background:#202020;color:#666666;}
.gTableError {padding:2px;background:#202020;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#202020}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#222222}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#CCCCCC;}
a.catLink:visited {text-decoration:none; color:#CCCCCC;}
a.catLink:hover {text-decoration:underline; color:#999999;}
a.catLink:active {text-decoration:underline; color:#CCCCCC;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#888888;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#CCCCCC;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#CCCCCC;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#FFFFFF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#CCCCCC;}
a.forumBarA:visited {text-decoration:none; color:#CCCCCC;}
a.forumBarA:hover {text-decoration:underline; color:#FFFFFF;}
a.forumBarA:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#862D2D;color:#FFFFFF;}
.fastNavCat {background:#F9E6E6;}
.fastNavCatA {background:#F9E6E6;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#202020;padding-right:10px;font-size:7pt;}
.switches {background:#2B2B2B;}
.switch {background:#202020;width:15px;font-size:7pt;}
.switchActive {background:#555555;font-weight:bold;color:#CCCCCC;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#CCCCCC;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#CCCCCC;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#CCCCCC;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#202020}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#222222}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#666666;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#222222;height:20px;font-weight:bold;font-size:7pt;color:#FFFFFF;padding-left:40px; border:1px solid #494949;}
.threadsDetails {padding:2px;background:#373737;height:20px;color:#555555;color:#FFFFFF;border:1px solid #494949;}
.forumOnlineBar {padding:2px;background:#161616;height:20px;color:#CCCCCC;border:1px solid #494949;}

a.threadPinnedLink:link {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:visited {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;}
a.threadPinnedLink:active {text-decoration:underline; color:#CCCCCC;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#CCCCCC;}
a.threadLink:visited {text-decoration:underline; color:#CCCCCC;}
a.threadLink:hover {text-decoration:none; color:#FFFFFF;}
a.threadLink:active {text-decoration:underline; color:#CCCCCC;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#555555}
.postPoll {background:#222222;text-align:center;}
.postFirst {background:#222222;border-bottom:1px solid silver;}
.postRest1 {background:#222222;}
.postRest2 {background:#222222;}
.postSeparator {height:2px;background:#CCCCCC;}

.postTdTop {background:url('/.s/t/828/18.gif') #000000;color:#767676;height:21px;font-size:10px;border:1px solid #494949;}
.postBottom {background:#202020;height:20px;color:#555555;}
.postUser {font-weight:bold;}
.postTdInfo {background:#222222;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#CCCCCC;}
.posttdMessage {background:#202020;padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#555555;font-size:9px;}
.quoteMessage {background:#555555;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#555555;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/828/19.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/828/19.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}

.codeButtons {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;}
.codeCloseAll {font-size:7pt;background: #333333;color:#FFFFFF;border:1px outset #333333;font-weight:bold;}
.postNameFl,.postDescrFl {background:#2C2C2C;border:1px solid #555555;width:400px}
.postPollFl,.postQuestionFl {background:#2C2C2C;border:1px solid #555555;width:400px}
.postResultFl {background:#2C2C2C;border:1px solid #555555;width:50px}
.postAnswerFl {background:#2C2C2C;border:1px solid #555555;width:300px}
.postTextFl {background:#2C2C2C;border:1px solid #555555;width:550px;height:150px;color:#666666;}
.postUserFl {background:#2C2C2C;border:1px solid #555555;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* --------- */

/* ====== forum End ====== */

#all {
width:840px;
height:100%;
padding: 0px;
margin:0 auto;
text-align:center;
}

.menu {
width:100%;
height:40px;
background-color:#fff;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#4f4f4f;
background-color:#F7F7F7;
font-family:verdana, sans-serif;
font-size: 12px;
font-variant:normal;
overflow:hidden;
width: 206px;
margin:1px 1px 1px 1px;
border:solid 1px #CFCFCF;
line-height:39px;
text-align:center;

}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
display: none;
}

.menu ul li:hover a {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;
margin:1px 1px 1px 1px;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px;
left:0;
width:206px;
}
.menu ul li:hover ul li a.hide {
background-color:#EFEFEF;
color:#000;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#efefef;
color:#000;
}
.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block;
background-color:#EFEFEF;
color:#000;
font-style:italic;
border:solid 1px #bfbfbf;
line-height:40px;
background-repeat:repeat;
-moz-opacity: 0.70;
opacity: 0.70;

}

.menu ul li:hover ul li a:hover {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;}

#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7F7F7F;
font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
background-color:#;
text-decoration:underline ;
}
#menu1 a:hover {color:#000; text-decoration:none ;
background:transparent;
text-decoration:none ;
}
/* ------- New Menu ------ */
#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
#nav li {float: left;background: url(/pd.png);}
#nav li.uz {float: left; position: relative;background: none;}
#nav a {text-decoration: none; display: block; width: 120px; height:25px; padding-top: 7px;}
#nav a:hover {background: #806F61;}
#nav li:hover,
#nav li.jshover {background: #806F61;}
#nav li ul {display: none; position: absolute; background: url(/dp.png); padding: 1px; width: 118px;}
#nav li li a {width: 118px; background: none;}
#nav li:hover ul,
#nav li.jshover ul {display: block;}
#nav li:hover li ul,
#nav li.jshover li ul {display: none; width: 119px; top: 0px; left: 118px;}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {display: block;}
/* ----------------- */

#all {
width:840px;
height:100%;
padding: 0px;
margin:0 auto;
text-align:center;
}

.menu {
width:100%;
height:40px;
background-color:#fff;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#4f4f4f;
background-color:#F7F7F7;
font-family:verdana, sans-serif;
font-size: 12px;
font-variant:normal;
overflow:hidden;
width: 206px;
margin:1px 1px 1px 1px;
border:solid 1px #CFCFCF;
line-height:39px;
text-align:center;

}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
display: none;
}

.menu ul li:hover a {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;
margin:1px 1px 1px 1px;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px;
left:0;
width:206px;
}
.menu ul li:hover ul li a.hide {
background-color:#EFEFEF;
color:#000;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#efefef;
color:#000;
}
.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block;
background-color:#EFEFEF;
color:#000;
font-style:italic;
border:solid 1px #bfbfbf;
line-height:40px;
background-repeat:repeat;
-moz-opacity: 0.70;
opacity: 0.70;

}

.menu ul li:hover ul li a:hover {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;}

#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7F7F7F;
font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
background-color:#;
text-decoration:underline ;
}
#menu1 a:hover {color:#000; text-decoration:none ;
background:transparent;
text-decoration:none ;
}
/* ------- New Menu ------ */
#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
#nav li {float: left;background: url(/pd.png);}
#nav li.uz {float: left; position: relative;background: none;}
#nav a {text-decoration: none; display: block; width: 120px; height:25px; padding-top: 7px;}
#nav a:hover {background: #806F61;}
#nav li:hover,
#nav li.jshover {background: #806F61;}
#nav li ul {display: none; position: absolute; background: url(/dp.png); padding: 1px; width: 118px;}
#nav li li a {width: 118px; background: none;}
#nav li:hover ul,
#nav li.jshover ul {display: block;}
#nav li:hover li ul,
#nav li.jshover li ul {display: none; width: 119px; top: 0px; left: 118px;}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {display: block;}
/* ----------------- */
#all {
width:840px;
height:100%;
padding: 0px;
margin:0 auto;
text-align:center;
}

.menu {
width:100%;
height:40px;
background-color:#fff;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#4f4f4f;
background-color:#F7F7F7;
font-family:verdana, sans-serif;
font-size: 12px;
font-variant:normal;
overflow:hidden;
width: 206px;
margin:1px 1px 1px 1px;
border:solid 1px #CFCFCF;
line-height:39px;
text-align:center;

}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
display: none;
}

.menu ul li:hover a {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;
margin:1px 1px 1px 1px;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px;
left:0;
width:206px;
}
.menu ul li:hover ul li a.hide {
background-color:#EFEFEF;
color:#000;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#efefef;
color:#000;
}
.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block;
background-color:#EFEFEF;
color:#000;
font-style:italic;
border:solid 1px #bfbfbf;
line-height:40px;
background-repeat:repeat;
-moz-opacity: 0.70;
opacity: 0.70;

}

.menu ul li:hover ul li a:hover {
background-color:#fff;
color:#000;
text-decoration:none ;
border:solid 1px #bfbfbf;}

#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7F7F7F;
font-size: 14px;line-height: 20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
background-color:#;
text-decoration:underline ;
}
#menu1 a:hover {color:#000; text-decoration:none ;
background:transparent;
text-decoration:none ;
}

Zugefügt (04.11.2009, 21:23)
---------------------------------------------
und hier der HTML Verlauf

Code
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/838.css" />

</head>

<body>
$ADMIN_BAR$
$GLOBAL_AHEADER$

<div id="contanier">
<div id="sideBar">
<!-- <sblock_menu> -->
<?if($SMENU_1$)?>
<div class="menuTable"><!-- <bc> -->$SMENU_1$<!-- </bc> --></div>
<?endif?>
<!-- </sblock_menu> -->
$GLOBAL_CLEFTER$
</div>
<div id="content">
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?><!-- <middle> --><!-- <body> -->$CONTENT$<!-- </body> --><!-- </middle> -->
</div>
</div>
<div style="clear:both;"></div>
$GLOBAL_BFOOTER$

</body>

</html>
Beitrag wurde von Loca - Mittwoch, 04.11.2009, 21:23 bearbeitet
XReaper
Beiträge: 233
Ruf: 4
Beitrag # 13 | 21:59 04.11.2009
mach ich morgen vor der arbeit fertig! wink
hmmmm
Loca
Beiträge: 9
Ruf: 0
Beitrag # 14 | 18:06 06.11.2009
viel dank
XReaper
Beiträge: 233
Ruf: 4
Beitrag # 15 | 18:11 06.11.2009
sorry hatte es nicht geschaft hatte viel zu tun! gib mir mal bitte noch den html code, für den oberen teil der webseite ohne den wird das nichts
hmmmm
Gemeinschaft uCoz » Für Webmaster » Design » Navigation verändern (noch offen)
  • Seite 1 von 2
  • 1
  • 2
  • »
Suche: