Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.06.2009 um 15:29 (UTC)    
Titel: Design CSS - Textlink in Header ?

Hallöchen

Ich steh mal wieder vor ein, für mich unlösbares, Problem. Shocked
Wie bekomme ich beim Design CSS einen Textlink in den Header?
Ich habe im Forum nichts gefunden.
Sollte ich was übersehen haben, bitte ich um Entschuldigung.
Wer kann helfen ?
Vielen dank schon mal im voraus für eure hilfe ....
MfG Ralf


Zuletzt bearbeitet von die-hundeseiten am 02.07.2009, 15:34, insgesamt einmal bearbeitet
Beitrag01.07.2009 um 11:53 (UTC)    
Titel: weitere Klasse

erstelle doch einfach eine neue klasse ohne background, die überm header liegt und füge da den html code für den link ein
Beitrag01.07.2009 um 13:28 (UTC)    
Titel:

Code:
<div id="header_container"><a href="LINK"> NAME </a></div>


Du musst nur noch den Link hinzufügen!

Das andere siehste ja !

Mfg Max


Zuletzt bearbeitet von southpark-comedyclub am 01.07.2009, 14:31, insgesamt einmal bearbeitet
Beitrag01.07.2009 um 15:46 (UTC)    
Titel:

Obwohl du besser eine neue Klasse erstellst :

Folgendes fügst du im feld " css ohne style tags" ein.

Zitat:

#Header_Link {
width: 500px;
height: 256px;

position:relative;
top:20px;
left:200px;

}




Rot: Dort kannst du den Schriftzug positionieren.
Grün:Hier kannst du die Größe des Feldes verändern.


Nun musst du noch im Feld Text über design folgendes hinzufügen:
Am besten fügst du es bei dir zwischen <div id="header_container">...........</div> ein.

Zitat:
<div id="Header_Link"> <a href="DEIN LINK"> Name des Linkes</a></div>


Violett: Dort fügst du den Link ein
Orange Dort fügst du den Namen des Links ein.
Beitrag01.07.2009 um 18:27 (UTC)    
Titel:

Hey, erst mal vielen dank für eure hilfe.
Leider klappte das auch nicht wie gewünscht.
Lag der Textlink weiterhin ausserhalb des Designs.

Zitat:
#Header_Link {
width: 500px;
height: 256px;
position:absolute;
top:20px;
left:200px;
}

mit einer absoluten positionierung klappt es jetzt.

Nochmals vielen danke Laughing
Beitrag01.07.2009 um 18:44 (UTC)    
Titel:

Gibt es auch die Möglichkeit den kompletten Header mit einem Link zu versehen, so wie bei faste allen Sites.


Danke Smile
Würd emich über Hilfe freu´n


Zuletzt bearbeitet von vsc-guimaraes am 01.07.2009, 19:44, insgesamt einmal bearbeitet
Beitrag02.07.2009 um 10:27 (UTC)    
Titel:

Mit HTML/CSS geht das nicht aber du kannst es mit javascript machn:

Wenn das hier Beispielsweise dein normales Header div ist:

Zitat:


<div id="Header">.............................</div>



Dann musst du genau nach dem Grünmakierten
noch vor dem > das hier einfügen

Zitat:

onclick="window.location.href = 'Home.htm';"


Das sieht dann so aus:

Zitat:


<div id="Header"onclick="window.location.href = 'Home.htm';">


BeimOrangenen kommt der Link zu der Seite zu der du verlinken willst Bsp: Home.htm

Mfg Max
Beitrag02.07.2009 um 10:52 (UTC)    
Titel:

@die-hundeseiten

Fallso du noch schriftgröße und farbe und hover farbe und sows anpassen willst hab ich das hier ein bisschen erweitert!






Zitat:


#Header_Link {
width: 970px;
height: 256px;
position:absolute;
top:20px;
left:200px;
}

#Header_Link a {
font-size:40px;
color: #FFFFFF;}

#Header_Link a:hover {
font-size:40px;
color: #F1F1F1;}


Hier veränderst du die Breite und Höhe.
Falls die Position absolute bei dir nicht funktioniert verwendest du relative!
Hier kannst du den Link ausrichten!
Hier veränderst du die Größe des Linkes!
Hier kannst du die Farbe verändern!

a Normaler Link!

a:hover Hover-Link


Nun musst du noch bei Text über Design das hier einfügen

Zitat:

<div id="Header_Link"> <a href="DEIN LINK"> Name des Linkes</a></div>


Den Link musst du ja noch anpassen. Viel Spaß

Mfg Max
Beitrag02.07.2009 um 14:26 (UTC)    
Titel:

Super, danke dir Laughing

Liebe Grüße
Beitrag02.07.2009 um 15:11 (UTC)    
Titel:

@ southpark-comedyclub

Nochmals vielen dank für deine hilfe.
Hast mir echt gut geholfen.
MfG
Ralf
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de