Beiträge von Rönix

  • Webdesign mit CSS

    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:

    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.

  • DropDown/Auswahlmenu in Header.inc.php integrieren

    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>