success4you

success4you - das Forum: Fragen, Hilfe, Tutorials rund um den Homepage-Baukasten und rund ums Webdesign
 
StartseitePortalFAQSuchenAnmeldenLogin

Austausch | 
 

 Header Design Rouge

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
Guenter
VIP User
VIP User
avatar

Männlich
Anzahl der Beiträge : 162
Land :
Your Browser :
Anmeldedatum : 18.08.08

BeitragThema: Header Design Rouge   Di Aug 19, 2008 2:02 pm

Hallo,

habe das Design Rouge auf meine Homepage übertragen, ist wunderschön!

Ein paar Änderungen würde ich aber noch gerne vornehmen:
Die Schrift im Header würde ich gerne mittig setzen, die Farbe verändern und eventuell vergrößern

Beim Aufruf einer neuen Seite steht der Seitentitel immer oben links in kleiner roter Schrift, hier würde ich auch gerne die Farbe und eventuell die Größe ändern.

Habe aber keine Ahnung wie ich dies anstellen kann.

Noch etwas: kann man den vorgegebenen Header auch austauschen und evtl. mit einen Flash Header wechseln?


Würde mich freuen von dir zu hören.



Gruß
Günter
Nach oben Nach unten
Benutzerprofil anzeigen http://hoppedisparadise.de.tl
magic-121
Power User
Power User
avatar

Männlich
Anzahl der Beiträge : 139
Alter : 54
Ort : Saarbrücken
Land :
Your Browser :
Anmeldedatum : 19.06.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 2:30 pm

Hallo ,

wie ist denn der Link zu deiner Homepage ?

Wenn ich es übersehen habe,dann sorry lol!

_________________

Nach oben Nach unten
Benutzerprofil anzeigen http://magic-121.ucoz.com/
mg21
VIP User
VIP User


Männlich
Anzahl der Beiträge : 196
Alter : 108
Ort : Bayern
Land :
Your Browser :
Anmeldedatum : 28.07.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 7:40 pm

Joa so ein kleiner Link wäre schon nicht schlecht, damit man sich dein Problem mal genauer anschaun kann... Smile

Die Schrift im Header - hast du das nicht mit einem Bildbearbeitungsprogramm gemacht? Damit gehts eigentlich einfacher, ansonsten verändert man die Schrift mit CSS der Befehl dafür ist "text-align: center;" also für die Zentrierung eines Textes Wink

Wie meinst du das bei 2 mit der kleinen roten Schrift? Die Schrift, die im Browser in dem kleinen Tab-Kästchen steht? Geht nicht, das kannst du von der Größe und Schriftfarbe nicht verändern, mir ist das jedenfalls nicht bekannt dass das geht. Smile

Normalerweise kann man alles austauschen^^ Egal ob Header oder was anderes.
Nur nen Flash-Header bekommst du nicht in einen CSS-Code (I., B. u. R) rein, im Profi-Design Css-only ist das allerdings kein Problem. Wink
Nach oben Nach unten
Benutzerprofil anzeigen
Guenter
VIP User
VIP User
avatar

Männlich
Anzahl der Beiträge : 162
Land :
Your Browser :
Anmeldedatum : 18.08.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 8:18 pm

Hallo,
hier erstmal der Link: http://hoppedisparadise.de.tl

Zur Schrift im Header:
Ich erstellte erst die Homepage mit "Ice Blue", beschriftete einen Header mit einem Bildbearbeitungsprogramm und stellte ihn so auf die Seite: Dann übernahm ich das Design "Rouge" und die Schrift im Header setzte sich automatisch nach außen, so wie das andere auch.


Gruß
Günter
Nach oben Nach unten
Benutzerprofil anzeigen http://hoppedisparadise.de.tl
mg21
VIP User
VIP User


Männlich
Anzahl der Beiträge : 196
Alter : 108
Ort : Bayern
Land :
Your Browser :
Anmeldedatum : 28.07.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 9:30 pm

Also... die Schrift im Heaader war vorher auch schon außen, allerdings war da dein Design nicht verbreitert.

Wenn du die ursprüngliche Breite zurücksetzen willst, musst du diesen Teil löschen:

Code:
<style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by success4you design*/
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>

Die Grafiken und so bleiben dir natürlich erhalten. Smile




Da ich mir aber nicht sicher bin ob du das wirklich willst, mache es so:

Code:
<style type="text/css">
<!--
td.edit_headline{display: none;}
-->
</style>

Unter Einstellungen ---> Erw. Designeinst. ---> Text über dem Design einfügen

Dann benutzt du ein Bildbearbeitungsprog und fügst deinen Text manuell in den Header ein da wo du ihn haben willst.

Du lädst das Bild dann irgendwo hoch und setzt es in den Code ein:

Code:
td.edit_header_full{
background-image: url(http://img.webme.com/pic/t/testing4you/headrouge.jpg);}

Das hier ist die URL: http://img.webme.com/pic/t/testing4you/headrouge.jpg einfach ersetzen


Ich hoffe ich konnte dir damit wenigstens ein bisschen helfen. Wink
Nach oben Nach unten
Benutzerprofil anzeigen
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 9:47 pm

Hi - so dann mal nacheinander:

Überschrift:

Zitat :
<style type="text/css">
<!--
td.headline {text-align: center; font-family: Art grafitti; font-size: 16px; color:#FFFFFFF}
-->
</style>

rot= Schriftart
orange=Schriftgröße
gelb=Schriftfarbe

Color-Codes habe ich hier:
http://tutorials-area.de.tl/Color_Codes.htm

zum Code dazu einfach darunter einfügen.

Der Streifen:
Das ist der Header der Boxen - wenn du keine Boxen benötigst:

Zitat :
<style type="text/css">
<!--
td.shouty{visibility:hidden;}
td.shouty2{visibility:hidden;}
td.shouty3{visibility:hidden;}
td.shouty4{visibility:hidden;}
td.shouty5{visibility:hidden;}
-->
</style>
mit dem Code sind sie weg - den vorhandenen Code damit ersetzen

So jetzt muß ich erst wieder mal lesen - gleichj geht es weiter
Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 9:54 pm

Hi - so dann die Frage zum Flash-Header

Zitat :
td.edit_header_full{visibility:hidden;}

den Code durch den vorhandenen austauschen, dann ist der jetzige Header weg.

Ein Flash-Header kann man dann mit Positionierung einsetzen - das ist hier in dem Tutorial unten beschrieben:

http://success4you.usersboard.net/css-f59/css-flash-banner-einfugen-positionieren-t219.htm

Ciao Michael und viel Spaß

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
mg21
VIP User
VIP User


Männlich
Anzahl der Beiträge : 196
Alter : 108
Ort : Bayern
Land :
Your Browser :
Anmeldedatum : 28.07.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 10:16 pm

Die Beschreibung ist etwas besser als meine^^

Da ich im BK schon lange nichts mehr gemacht habe, weiß ich die KLassennamen nicht mehr so exakt.

Ein paar Kleinigkeiten habe ich aber doch zu beanstanden Smile

1.
Code:
font-family: Art grafitti;

Wer diese Schriftart nicht auf dem PC hat, kann sie logischerweise auch nicht sehen.
Da nicht alle Bertriebssysteme (Win, Linux, Mac) oder andere internetfähige Konsolen (Sony PSP) oder mobile Geräte (ipod, iphone, handys) diese drauf haben, sollte man eine Grafik benutzen, die mit einem Grafikprogramm bearbeitet wurde. Denn da gibts dann eigentlich keine Probleme. Wink

2.
Zitat :
Ein Flash-Header kann man dann mit Positionierung einsetzen

Jeder Browser definiert die Abstandswerte anders, d. h. es sieht in jedem Browser anders aus. Wenn man die Positionierung nicht unbedingt benutzen muss, dann sollte man dies so weit wie möglich vermeiden. Meine Erfahrung. Wink
Nach oben Nach unten
Benutzerprofil anzeigen
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Di Aug 19, 2008 10:23 pm

Hi - ist klar
- habe ich hier auch exakt beschrieben:
http://success4you.usersboard.net/tools-f66/schriftarten-furs-webdesign-t312.htm#610
die Schriftart hatte ich auch nur als Beispiel - aber richtig das kann man falsch verstehen!

Mit dem Header dürfte es bei dem Design kein Problem geben, weil er auf 50% zentriert ist.
Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Guenter
VIP User
VIP User
avatar

Männlich
Anzahl der Beiträge : 162
Land :
Your Browser :
Anmeldedatum : 18.08.08

BeitragThema: Re: Header Design Rouge   Mi Aug 20, 2008 7:48 am

Vielen Dank für die Antworten.
Ich geh jetzt ma noch kurz ans Ausprobieren.

Melde mich später wieder.


Gruß
Günter
Nach oben Nach unten
Benutzerprofil anzeigen http://hoppedisparadise.de.tl
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Mi Aug 20, 2008 6:57 pm

Hi - also der Header sieht ja schon mal super aus - die Schrift paßt super -

jetzt noch die Originalüberschrift ausblenden:

Zitat :
<style type="text/css">
<!--
td.edit_headline{display: none;}
-->
</style>

zum CSS-Code bei Text über dem Design eingeben - einfach darunter.
Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Guenter
VIP User
VIP User
avatar

Männlich
Anzahl der Beiträge : 162
Land :
Your Browser :
Anmeldedatum : 18.08.08

BeitragThema: Re: Header Design Rouge   Mi Aug 20, 2008 9:28 pm

Hallo,

danke für das Lob und das Interesse!!!

Die Originalüberschrift scheint nicht im Header zu stehen. Ich kriege sie nicht raus.

Ich musste auch den Header auswechseln (Original Header laut eurer Anweisung heraus, neuen auf Rechner kopieren, mit Bildbearbeitungsprogramm die Überschrift drauf, Header hochladen, URL kopieren und eintragen)

Vielleicht habt ihr noch eine Idee, wie ich die Originalüberschrift verschwinden lassen kann.


Gruß
Günter
Nach oben Nach unten
Benutzerprofil anzeigen http://hoppedisparadise.de.tl
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Mi Aug 20, 2008 10:26 pm

hi - ich habe den Code von mg21 übernommen - das ist aber der Code fürs Design Butterfly - du benötigst ihn aber für Iceblue - und ich habs obendrüber richtig ^^ - kann passieren - wir sind alle nur Menschen - oft liegt es auch an der Uhrzeit - nur den Fehler zu finden ^^
Zitat :
<style type="text/css">
<!--
td.edit_headline{display: none;}
-->
</style>
Zitat :
<style type="text/css">
<!--
td.headline{visibility: hidden;}
-->
</style>

das rote löschen - dann ist auch die Überschrift weg
- denn wenn du sie da, wo du sie eingegeben hast löschst - das geht erstmal nicht - da muß man ein Leerzeichen eingeben, dann ist sie aber auch im Titel weg - und Google kann dein HP-Titel nicht lesen - was schlecht wäre

Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Guenter
VIP User
VIP User
avatar

Männlich
Anzahl der Beiträge : 162
Land :
Your Browser :
Anmeldedatum : 18.08.08

BeitragThema: Re: Header Design Rouge   Do Aug 21, 2008 7:18 am

Hallo,

nein, wir müssen nicht immer alles richtig machen!

Jetzt ist die rote Überschrift auf jeden Fall weg. Vielen Dank!

1. Jetzt nochmal zu dem anderen am Anfang angesprochenen Punkt. Entweder habe ich mich da nicht klar genug ausgedrückt oder ich verstehe deine Antwort nicht richtig:
Wenn ich eine neue Seite öffne, erscheint auf der neugeöffneten Seite über dem normalen Text, links oben, in kleiner, roter Schrift der Seitentitel, den würde ich gern in Farbe, Schriftgröße und evtl. Schriftart ändern.


2. Und dann hätte ich noch gleich etwas:
Kann man die Banner auch unten an die Seiten hängen?


Gruß
Günter
Nach oben Nach unten
Benutzerprofil anzeigen http://hoppedisparadise.de.tl
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Do Aug 21, 2008 10:07 am

Hi - erstmal freut mich, dass das mit derm Titel geklappt hat.
Wahrscheinlich habe ich das mit der Überschrift über dem Content falsch verstanden
- die Überschrift heißt headline2
und hier ist der Code dazu:

Zitat :
<style type="text/css">
<!--
td.headline2{text-align: left; font-family: Verdana; font-size: 16px; color:#FFFFFFF}
-->
</style>

Erklärung:
rot= Schriftart
orange=Schriftgröße
gelb=Schriftfarbe
grün = align = center = zentriert, left = linksbündig, right= rechtsbündig

Color-Codes habe ich hier:
http://tutorials-area.de.tl/Color_Codes.htm
Zum Banner - entweder auf der Textseite den Code im Editor eingeben - aber vorher quelltext oben links im Editor anklicken - dann ist er auf der Textseite - oder bei Text unter dem Design eingeben, dann ist er unten.

Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
mg21
VIP User
VIP User


Männlich
Anzahl der Beiträge : 196
Alter : 108
Ort : Bayern
Land :
Your Browser :
Anmeldedatum : 28.07.08

BeitragThema: Re: Header Design Rouge   Do Aug 21, 2008 7:30 pm

Sorry für den falschen Klassennamen, der war schon für Iceblue gedacht, dort kommt ja sehr oft edit_ drin vor und in wenigen Fällen nicht... und das war gerade einer davon.^^
Ich hab selbst schon lange nichts mehr im Baukasten gemacht, die Klassennamen die ich schreibe sind deshalb nicht immer richtig...

Aber schau dir am Besten mal das hier an:



Da stehn alle Klassen drauf, du musst nur immer ein td. davorsetzen, da das Design sich in einer Tabellenstruktur befindet. Wink
Nach oben Nach unten
Benutzerprofil anzeigen
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Do Aug 21, 2008 7:42 pm

Hi - kann passieren - wir haben ja in den Tutorials die Klassen von Iceblue, Butterfly und Iceblue - aber trotzdem ist es für viele Newcomer schwer das umzusetzen - wir haben ja jetzt 208 Tutorials - damit haben wir as Baukasten-Forum schon mit ca. 50 überschritten - aber man muß es bei jeder Frage zeigen - es hilft nix - der Vorteil an meinen Tuts ist allerdings, durch die vielen Bilder, dass es dann meistens verstanden wird - Ciao Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Guenter
VIP User
VIP User
avatar

Männlich
Anzahl der Beiträge : 162
Land :
Your Browser :
Anmeldedatum : 18.08.08

BeitragThema: Re: Header Design Rouge   Do Aug 21, 2008 9:36 pm

Hallo,

im Augenblick hat erstmal alles super geklappt! Vielen Dank!

Den Banner hatte ich noch morgens eigenständig nach unten gesetzt, war auch mächtig stolz drauf!!

Es wird jetzt so ganz langsam etwas verständlicher für mich und ich werde jetzt wieder selber ausprobieren und wenn ich nicht mehr weiterkomme, weiß ich ja, wo ich Hilfe erhalte.


Gruß
Günter
Nach oben Nach unten
Benutzerprofil anzeigen http://hoppedisparadise.de.tl
success4you
Site Admin
Site Admin
avatar

Männlich
Anzahl der Beiträge : 1061
Alter : 108
Ort : RheinMainArea
Land :
Your Browser :
Anmeldedatum : 18.06.08

BeitragThema: Re: Header Design Rouge   Do Aug 21, 2008 10:01 pm

Gerne Gemacht! Ciao due Michael

_________________
Nach oben Nach unten
Benutzerprofil anzeigen http://success4you.de
Gesponserte Inhalte




BeitragThema: Re: Header Design Rouge   

Nach oben Nach unten
 
Header Design Rouge
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» Hitskin Design/Buttons/Icon/Header Fusion?
» [Vorlage beachten!] Penner Design
» CSS Code | Chatbox Header Bild geht nicht größer
» Flash Player im Header Banner
» Tabelle im Header

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
success4you :: Fragen :: Homepage-Baukasten Designs-
Gehe zu: