Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.05.2009 um 18:26 (UTC)    
Titel: Designfarbe ändern?

Hallo zusammen,

ich würde gerne die Designfarbe meiner HP ändern. So das sie zum Header und zum Hintergrund passt.
Ist dies möglich? Und wenn ja, wie?

Danke für eure Hilfe

Gruß
Christian
Beitrag11.05.2009 um 18:36 (UTC)    
Titel:

Hi, natürlich ist das Möglich, dafür gibt es auch einen Tutorial von Baukasten-User "Wolle"

Design Iceblue: Das Grundgerüst / freies Designen
http://de.homepage-baukasten.de/forum/viewtopic.php?t=52194


Einfügen in Homepage:

- logge Dich ein
- dann auf "Design einstellen"
- dort den fertigen Code in das Feld : "Text über Design"
______________
Beitrag11.05.2009 um 18:42 (UTC)    
Titel:

danke für die schnelle antwort ....

nur leider versteh ich das nicht so ganz Embarassed

welchen dieser codes muss ich einfügen um nur die designfarbe zu ändern, ohne das sich der header und der hintergrund hinter dem design ändern?

gruß
christian
Beitrag11.05.2009 um 18:48 (UTC)    
Titel:

Zitat:
<style type="text/css">
<!--


/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

/* Linkfarben + Größen auf Seiten */

a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* besuchte Links */

a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/

a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}



/* Titel im Header entfernen */
td.headline {visibility:hidden;}

/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url();
border:1px solid #000000; }

/* Hover-Effekt Navigation Buttons */

td.nav:hover {
background-color:#800000;
background-image:url();
border:1px solid #000000; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks Navigation */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */

td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */

td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }

/* Balken über Textfeld */

td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */

td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */

td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }

/* Hintergrund unter rechten Boxen */

td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

-->
</style>


Ich habe die Sachen entfernt, die du nicht mehr verändern willst.

Nun musst du nur noch den Code an deine Seite anpassen Wink
______________
Beitrag11.05.2009 um 19:10 (UTC)    
Titel:

Super! Vielen Dank!

Muss ich wirklich den ganzen Code einfügen? Confused
... und dann noch sämtliche bild-url's neu einfügen wo sie hinmüssen?
schätze dafür bräuchte ich ne ganze woche Laughing

Hatte gehofft, das es einfacher geht Wink

Irgendwie hab ich schon so viele Codes (für zentrieren, die buttons, das logo , den hintergrund, uvm) im Feld "über dem Text" eingegeben, das ich gar nicht mehr weiss, welcher wofür ist Crying or Very sad
bin halt noch "jungfräulich" hier im hpbk un der gestaltung ... deswegen schon mal sorry wegen der doofen vielen fragen Shocked

Ist es möglich, zwischen den einzelnen codes so eine Art Überschrift zwischen zu stellen, oder funktioniert dann der code nicht mehr? ... damit ich die Übersicht behalten kann, was wofür ist?

oder muss ich alle bisherigen codes überschreiben?

gruß
christian
Beitrag11.05.2009 um 19:45 (UTC)    
Titel:

musikzug-gemuenden hat Folgendes geschrieben:
Super! Vielen Dank!

Muss ich wirklich den ganzen Code einfügen? Confused
... und dann noch sämtliche bild-url's neu einfügen wo sie hinmüssen?
schätze dafür bräuchte ich ne ganze woche Laughing



Nein, natürlich musst du alles einfügen, du kannst dir an Hand der Fett geschriebenen Überschriften heraussuchen, was du bearbeiten möchtest
Wichtig ist nur, das du den Anfang sowie den Ende bei behälst.

Zitat:
<style type="text/css">
<!--
-->
</style>


Zitat:

Ist es möglich, zwischen den einzelnen codes so eine Art Überschrift zwischen zu stellen, oder funktioniert dann der code nicht mehr? ... damit ich die Übersicht behalten kann, was wofür ist?

oder muss ich alle bisherigen codes überschreiben?

Selbstverständlich kannst du zwischen jedem einzelnen Code eine Überschrift einfügen:

Zitat:
/*Hier dein Text*/

im Fetten= hier kannst du deinen Text einfügen, jedoch muss /* & */ davor sowie dahinter stehen bleiben.
______________
Beitrag11.05.2009 um 20:01 (UTC)    
Titel:

HERZLICHEN DANK!!!

Jetzt kann ich nach und nach alles nach dieser (verständlichen) Anleitung ändern.

Hast mir sehr geholfen!
Smile

Beste Grüße
Christian
Beitrag11.05.2009 um 20:04 (UTC)    
Titel:

Kein Ding, bei Fragen, einfach wieder nachfragen Wink
______________
Beitrag11.05.2009 um 20:23 (UTC)    
Titel:

ich muss leider nochmal stören Embarassed

ich hab da jetzt (zu meiner besseren übersicht) mir meine "Überschriften" zwischen den Codes eingefügt. wie du geschrieben hast, hab ich auch immer brav die zeichen /* davor und dahinter gemacht ...
nur leider sind diese "Überschriften" jetzt auch auf der HP zu sehen (über dem Header und der Werbung)
Was hab ich bloss wieder verkehrt gemacht und wie krieg ich die wieder aus der HP weg, ohne das mir meine Überschriften in den Codes verloren gehen?

kannste bitte mal nachsehen?

christian


Zuletzt bearbeitet von musikzug-gemuenden am 11.05.2009, 21:25, insgesamt einmal bearbeitet
Beitrag11.05.2009 um 21:07 (UTC)    
Titel:

Hi, Ich habe dir mal den Code verbessert:
Zitat:
<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>

<style type="text/css">
<!--
/*Der HEADER*/
td.edit_header_full{background-image:url(http://img.webme.com/pic/m/musikzug-gemuenden/bannermzlila.jpg);}
td.headline{display:none;}

/*DieButtons*/
td.nav{background-image: url(http://img.webme.com/pic/m/musikzug-gemuenden/button8.jpg);}
td.nav:hover{background-image: url(http://img.webme.com/pic/m/musikzug-gemuenden/button7.jpg);}

/* Der Hintergrund*/
body {background-image:url(http://img.webme.com/pic/m/musikzug-gemuenden/hintergrund6.jpg);}

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:left;}

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#551199 ;
background-image:url();
border:0px solid #000000; }
-->
</style>
Diese Hinweise müssen in den Style Tags stehen Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag12.05.2009 um 04:32 (UTC)    
Titel:

ich hätte für dich noch einen einfacheren code für iceblue, der auch in allen gängigen browsern korrekt angezeigt wird (das ist mit dem normalen code leider nicht so).

http://www.homepage-baukasten.de/forum/viewtopic.php?t=95108

Gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag12.05.2009 um 15:12 (UTC)    
Titel:

@ Dominik: Perfekt! Vielen Dank! Very Happy

@ 6p-iceblue: auch ein guter tipp. ich werds vllt mal mit ner test-page probieren, im moment bin ich ja froh das ich soweit bin, wie ich bin Smile

@ Mod: erledigt (vorerst) Laughing
Beiträge der letzten Zeit anzeigen:   


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