Hi, so wie es hier in der PSD Datei aussieht, soll in HTML & CSS umgewandelt werden: http://europachat.ibitlive.eu/Header.psd
Wäre echt Top 
Beiträge von Rönix
-
-
Hallo,
wie hier auf dem Screen zu sehen ist, wäre mein neuer Header für mein Webdesign:
Screen: http://europachat.ibitlive.eu/Unbenannt22.jpg
Hier habe ich einen CSS Code, vielleicht wäre er hilfreich:
ZitatAlles anzeigen<!--
#ft-title-ft{
font-weight:normal;
padding:5px;
width:458px;
color:#D3D600;
font-size:11px;
}
#ft-title-ft a{
color:#FFF;
font-size:15px;
}
#ft-title-ft a:hover{
text-decoration: underline;
curser: pointer;
}
-->Wie sollte ich diesen am besten Programmieren, das er mittig und in der gleichen größe auf der Webseite zu sehen ist?
Wer könnte es bitte machen & was wollt ihr dafür?
Gruß Markus K.
-
Ja bei dem Code lief was schief
ging nicht anders. Sry.
Gegenleistung: hmmm.... -
Hallo, wer kann mir dieses Beispiel (Dropdown) bitte in meiner Header.inc.php einbauen :
Es muss bei Suchen, Nachrichten, Freunde, Gruppen und Events sein.
Webseite Rönix.de
Hier die Header.inc.php, darunter das Beispiel. Danke Gruß Markus.
So ähnlich wie bei Lokalisten, nur in der gleichen Farbe wie das HeaderMenu.
HEADER.inc.php Download Link: http://europachat.ibitlive.eu/header.inc.rar
Zitat
[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Meine Seite</title> <style type="text/css"> #menuebox { position: relative; height: 30px; } .stupidie { display: none; } #menue { position:absolute; top: 5px; left: 0; z-index: 200; } #menue .aussen { float: left; display: block; overflow: hidden; width: 8em; height: 1.3em; font-weight: bold; text-align: center; background-color: #dec79a; color: #513913; border: 1px solid; border-color: #d0843e #78561d #78561d #d0843e; } #menue .aussen:hover { height: auto; background-color: #624617; color: #fff; } a.innen-1 { margin-top: 2px; } a.innen, a.innen-1 { display: block; width: 7.9em; padding: 2px 0; text-decoration: none; font-weight: normal; border-bottom: 1px solid #78561d; background-color: #ecd8ae; color: #600; } a:visited.innen, a:visited.innen-1 { background-color: #ecd8ae; color:#555; } a:hover.innen, a:hover.innen-1 { background-color: #f7eedb; color: #900; } span.menutag { display: block; cursor: default; } <!--[if lte IE 6]> #menue { display:none; } .stupidie { display: block; position: absolute; top: 5px; left: 0; z-index: 200; } a.auss { float: left; width: 8em; height: 1.4em; overflow: hidden; display: block; font-weight: bold; text-align: center; text-decoration: none; background-color: #dec79a; color: #513913; border: 1px solid; border-color: #d0843e #78561d #78561d #d0843e; } a:hover.auss { overflow: visible; background-color: #624617; color: #fff; } a:hover.auss table { display: block; margin-top: 3px; background-color: #dec79a; color: #400; border-collapse: collapse; } a.inn { display: block; width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */ padding: 2px 0; font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */ font-weight: normal; text-align: center; text-decoration: none; border-bottom: 1px solid #78561d; background-color: #ecd8ae; color: #600; } a:visited.inn { background-color: #ecd8ae; color:#444; } a:hover.inn { position: relative; background-color: #f7eedb; color: #900; } span.menutag { display: block; cursor: default; } <![endif]--> </style> </head> <body> <div id="menuebox"> <div id="menue"> <div class="aussen"> <span class="menutag">Produkte</span> <a class="innen-1" href="#">Systeme</a> <a class="innen" href="#">Speicher</a> <a class="innen" href="#">Laufwerke</a> <a class="innen" href="#">Monitore</a> <a class="innen" href="#">Drucker</a> <a class="innen" href="#">Zubehör</a> </div> <div class="aussen"> <span class="menutag">Leistungen</span> <a class="innen-1" href="#">Netzwerke</a> <a class="innen" href="#">Server</a> <a class="innen" href="#">Wartung</a> </div> <div class="aussen"> <span class="menutag">Service</span> <a class="innen-1" href="#">Reparatur</a> <a class="innen" href="#">Konfiguration</a> <a class="innen" href="#">Software</a> <a class="innen" href="#">Schulung</a> </div> <div class="aussen"> <span class="menutag">Links</span> <a class="innen-1" href="#">About Us</a> <a class="innen" href="#">Partner</a> <a class="innen" href="#">Referenzen</a> </div> </div><!-- menue --> <!-- Der folgende Block bedient nur IEs! Durch diese Redundanz vermeiden wir den Einsatz von Javascript. --> <!--[if lte IE 6]> <div class="stupidie"> <a class="auss" href="#"> <span class="menutag">Produkte</span> <table> <tr> <td> <a class="inn" href="#">Systeme</a> <a class="inn" href="#">Speicher</a> <a class="inn" href="#">Laufwerke</a> <a class="inn" href="#">Monitore</a> <a class="inn" href="#">Drucker</a> <a class="inn" href="#">Zubehör</a> </td> </tr> </table> </a> <a class="auss" href="#"> <span class="menutag">Leistungen</span> <table> <tr> <td> <a class="inn" href="#">Netzwerke</a> <a class="inn" href="#">Server</a> <a class="inn" href="#">Wartung</a> </td> </tr> </table> </a> <a class="auss" href="#"> <span class="menutag">Service</span> <table> <tr> <td> <a class="inn" href="#">Reparatur</a> <a class="inn" href="#">Konfiguration</a> <a class="inn" href="#">Software</a> <a class="inn" href="#">Schulung</a> </td> </tr> </table> </a> <a class="auss" href="#"> <span class="menutag">Links</span> <table> <tr> <td> <a class="inn" href="#">About Us</a> <a class="inn" href="#">Partner</a> <a class="inn" href="#">Referenzen</a> </td> </tr> </table> </a> </div><!-- stupidie --> <![endif]--> </div><!-- menuebox --> </body></html> -
Warum, die IF Abfragen gehen doch auch ;). ja, was muss ich ergänzen das sowas klappt & wo?
-
Hallo, wer kann mir dieses Beispiel (Dropdown) bitte in meiner Header.inc.php einbauen :
Es muss bei Suchen, Nachrichten, Freunde, Gruppen und Events sein.
Hier die Header.inc.php, darunter das Beispiel. Danke Gruß Markus.
Webseite: Rönix.de
HEADER.inc.php Download Link:
http://europachat.ibitlive.eu/header.inc.rarBeispiel:
http://barrierefrei.e-workers.de/workshops/tric…te/dropdown.txt