   |
| Gemeinschaft uCoz » Für Webmaster » Design » Navigation verändern (noch offen) |
| Navigation verändern |
erstmal hallo alle miteinander,
bin neu hier ^^ ich hoffe ich mach euch nicht so viel ärger zumachen  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: Kenn mich mit CSS noch nciht so gut aus. Ich bedanke mich jetzt schon mal für eure hilfe Beitrag wurde von Loca - Dienstag, 27.10.2009, 20:11 bearbeitet
|
Hallo, hab hier mal was schönes für dich
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!!! |
Frage beantwortet? können wir das Thema schließen?
Gruß! wuerzburg-riders.de - the place to be
  in NOTFÄLLEN dürft mich per PN anschreiben, dann versuche ich euch zu helfen :) |
entschuldigung erstmals, weil ich nciht so schnell antworten konnte (konnte aus paar Gründen in den letzten tagen kaum on gehn
 ) erstmals danke für die schnelle antwort doch ich hab ein problem: wie du geschrieben hast habe ich den ersten text/befehle in den CSS verlauf eingefügt (Seiteneditior/Designverwaltung des Modus/Gemeinsame Schablonen 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 fals ihr das problem euch anschauen wollt hier: http://loca-music.ucoz.net/ Viel Dank Beitrag wurde von Loca - Donnerstag, 29.10.2009, 19:42 bearbeitet
|
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
|
| 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 |
ich bedanke mich, dass du die arbeit auf dich nimmst
 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)
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
|
:) 
poste mir mal dein code ich mach dir das schnell fertig!!!!!
| |||