Hallo!
Ich hab ein neues Design gemacht für meine HP (http://engeljana.de.tl)
Jetzt hätte ich aber gerne das Design noch etwas angepasst, was ich leider nicht kann.
1. Der Rahmen von der Navigation sollte am Ende vom Bild auch aufhören.
2. Das ganze Design sollte zentriert sein und sich an die Bildschirmgröße anpassen.
3. Die Linkfarbe passt irgendwie nicht. Hab schon versucht, das zu ändern, aber komme irgendwie nicht weiter. Also die Linkfarbe sollte Dunkelblau sein (000033), der Hover sollte ein helleres blau sein (003366) und besuchte links sollten weiß sein (ffffff)
4. Der Conten sollte nur ein Bild sein.
http://img.webme.com/pic/e/engeljana/content.png Außen rum der Rahmen und das alles. Der Text sollte in dem Content sein und was nicht reinpasst über Scrollbalken. Weiß nicht, wie ich das richtig erklären soll, hoffe ihr versteht mich.
Der jetztige Code ist so:
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#ffffff;
background-image:url();
background-repeat: repeat;
text-align:center; }
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align: center;
font-family: tahoma; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000000;
font-size:14px;
font-family:tahoma;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#FFFFFF;
font-size:14px;
font-family:tahoma;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#FF66FF;
font-size:14px;
font-family:tahoma;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/e/engeljana/header.png);
width: 921px; height: 104px;
background-repeat:no-repeat;}
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:tahoma;
text-align:center;
height:29px;
background-color:#FF00FF;
background-image:url();
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-image: url(http://img.webme.com/pic/e/engeljana/button1.png);
border:1px solid #000000;
text-align: left;
color: #000000;}
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-image:url(http://img.webme.com/pic/e/engeljana/button2.png);
border:1px solid #FF00FF;
text-align; right;
color: #ff00ff;}
/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Hover-Effekt Textlinks */
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(http://img.webme.com/pic/e/engeljana/navi.png);
border:5px solid #FF00FF;
background-repeat: no-repeat;}
/* Balken über Textfeld */
td.edit_content_top {background-image:url(http://img.webme.com/pic/e/engeljana/cont_top.png);
height:29px;
background-color:#000000;
border:1px solid #000000; }
/* Seitentitel über Textfeld */
td.headline2 {
color:#000000;
font-size:12px;
font-family:tahoma;
text-align:left; }
/* Textfeld */
td.edit_content {
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/e/engeljana/content.png);
border:1px solid #000000; }
/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#000000;
border:0px solid #000000;
background-image:url(); }
/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#000000;
border:0px solid #000000;
background-image:url(); }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url();
border:0px 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:tahoma;
font-size:16px;
background-color:#000000;
border:0px 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:tahoma ;
text-align:center;
height:29px;
background-color:#ff00ff;
background-image: url();
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000000;
font-size:14px;
font-family.tahoma;
text-align:left;
background-color:#Ff00ff;
background-image: url(http://img.webme.com/pic/e/engeljana/shouty.png);
border:1px solid #000000;
background-repeat: repeat;}
/* 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>
Kann mir das bitte jemand ändern + die Änderung makieren, dass ich das für den nächsten Code gleich weiss.
LG Niemandkind
PS: Wenn man das beim Ice blue Design so nicht ändern kann, würde ich notfalls auch das CSS - Desing benutzen, wenn mir jemand erklärt, wie ich die Boxen da mit einbinden kann.
