Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag27.06.2009 um 23:34 (UTC)    
Titel: Benötige Hilfe um Design zu überarbeiten!

Hallo,

zu aller erst ich habe nicht viel Ahnung und mir alles mit Hilfe Anderer erarbeitet Embarassed !

So an sich finde ich meine HP: http://hamsterzucht-vonarijuna.de.tl/ gut gelungen, habe aber mehrer kleinere Probleme die ich nun Stück für Stück beseitigen möchte.

Meine HP wird bei verschiedenen Auflösungen nicht immer gleich angezeigt. Ich hätte es gerne wie bei diesen beiden:
http://butterfly-oberg.de.tl/
http://www.vonmilaja.de/
Da ist alles schick egal welche Auflösung und welcher Explorer.

1. Design + Header zentriert

2. rechte Box weg (bei mir ist Sie nur transparent, aber nicht wirklich weg)

3. Hintergrund ist schon fixiert aber wird bei höherer Auflösung mehrfach angezeigt? Bei Der HP nicht egal welche Auflösung
http://butterfly-oberg.de.tl/... Was mach ich falsch?

4. Bei mir ist die Schrift u.s.w. auf den Seiten mittig, bei dem PC meines Freundes linksbündig?

Ich habe schon alleine rumgedocktort bekomme es aber nicht wirklich hin,
deshalb hoffe ich hier auf professionelle Unterstützung und Hilfe!

Hier noch der Code, mein Deign ist Iceblue:

Text über dem Design
Code:
<style type="text/css"> <!--

/* Link und Textformatierung */

td.nav a{color:#FFDAB9;
font-size: 11px;
text-decoration:none;}
td.nav a:hover{color:#A52A2A;
font-size: 11px;
text-decoration: none;}

a:hover {color:#B22222;
font-size: 13px;
text-decoration: none;}

a: link {color:#FFDAB9;
font-size: 13px;
text-decoration: none;}

a:active {color: #xxxxxx;
font-size: 13px;
text-decoration: none;}

a:visited {color: #xxxxxx;
font-size: 13px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/backroundblackflower2.jpg);
background-color: #xxxxxx;
color: #xxxxxxx!important;
background-attachment:fixed;}


/* Header fixiert und zentriert*/
td.edit_header_full{
background-repeat:no-repeat;
background-position:left;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/myheader.png);}

/* Header Titel entfernen*/
td.headline{color:#xxxxxx;
visibility:hidden;}


/* Navigation*/
td.nav{
text-decoration: none;
color:#xxxxxx ;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/darkmodernbutton1.png);}

td.nav:hover{
color: #xxxxxx;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/darkmodernbutton11.png);}

td.nav:active{
color: #xxxxxx;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/darkmodernbutton111.png);}

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #xxxxxx;
width: 185px;}
background-repeat: repeat-y;}

td.edit_below_nav{
visibility: hidden;
width: 185px;}

td.edit_below_nav img{
visibility: hidden;
width: 1x;}

td.nav_heading{
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/technohover9.jpg);
background-color: #xxxxxx;
padding-top: 0px;
font-weight: bold;
text-decoration: none;}



.menu{
width: 185px;
color: #xxxxxx; !important;
font-weight: bold;
padding-left: 0px;}
font-size: 8px;}

.menu a{
color: #ffffff;
font-weight: bold;
padding-left: 0px;
text-decoration: none;
font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#8B0000;
font-size: 19px;
text-decoration: none;}

td.edit_content a:hover {
color: #DC143C;
font-size: 19px;
text-decoration:underline ;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-repeat:repeat-y;
background-color:#FFF5EE;
padding: 20px 0px 0px 0px;
color:#xxxxxx}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 23px;
background-image:url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/technobar9.jpg);}

td.edit_content_bottom{
background-color: #FFF5EE;
background-image:url();}

td.edit_content_bottom2{
background-image:url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/redbar.jpg);
background-color: transparent;
text-align: right;
height:35px;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #xxxxxx;}


/* Rechte Boxen */
<style type="text/css">
<!--
td.sidebar_heading{background-image:url(url);}
td.edit_rb_footer{background-image:url(url);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_bottom{background-image:url(url);}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {background-image: url(url);background-color: transparent;}
td.sidebar_heading{background-image:url(url);
-->
</style>

<style type="text/css">
<!--
td#nav_abstand1{visibility:hidden;height: 25px;}
td#nav_abstand2{visibility:hidden;height: 25px;}
//-->
</style>


Text unter dem Design
Code:
<style type="text/css">
<!--
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;}
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>
<style type="text/css">
<!--
td.edit_header_full{height: 145px;}
-->
</style>


Ich würde mich sehr freuen wenn mir das jemand mal überarbeiten könnte Smile .

Liebe Grüße Katrin
Beitrag28.06.2009 um 00:38 (UTC)    
Titel:

Beitrag28.06.2009 um 06:36 (UTC)    
Titel:

Nein mach das nicht da mCH DAS HGIER DER ist doppelt so gut :

www.pro-hp.de

oben in dem topmenü design creator klicken
______________
Beitrag28.06.2009 um 07:07 (UTC)    
Titel:

Sie schlagen dir Generatoren vor, hier kommt des Rätsels Lösung.

1. Design zentriert und Header zentriert:
Lösche bei Text unter Design den Text. Danach füge bei Text über Design (ganz oben, nicht ersetzen) folgendes ein:
Code:
<div align="center"> <table border="0" width="70%"> <tr> <td>

Und bei Text unter Design:
Code:
</td> </tr> </table> </div>

Das Design wird nun wieder auf die Standartgröße 921px gestellt und automatisch mittig gestellt. Um dein gewünschtes Design den folgenden Code auch einfügen

2. rechte Box weg + 3. Hintergrund fixiert:
Den alten Code mit diesem bei Text über Design ersetzen.

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

/* Link und Textformatierung */

td.nav a{color:#FFDAB9;
font-size: 11px;
text-decoration:none;}
td.nav a:hover{color:#A52A2A;
font-size: 11px;
text-decoration: none;}

a:hover {color:#B22222;
font-size: 13px;
text-decoration: none;}

a: link {color:#FFDAB9;
font-size: 13px;
text-decoration: none;}

a:active {color: #xxxxxx;
font-size: 13px;
text-decoration: none;}

a:visited {color: #xxxxxx;
font-size: 13px;
text-decoration: none;}

/* Hintergrund hinter Design */
body{
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/backroundblackflower2.jpg);
background-color: #000000;
background-attachment:fixed;
background-repeat: no-repeat;}


/* Header fixiert und zentriert*/
td.edit_header_full{
background-repeat:no-repeat;
background-position:left;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/myheader.png);
height: 145px;
}

/* Header Titel entfernen*/
td.headline{color:#xxxxxx;
visibility:hidden;}


/* Navigation*/
td.nav{
text-decoration: none;
color:#xxxxxx ;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/darkmodernbutton1.png);}

td.nav:hover{
color: #xxxxxx;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/darkmodernbutton11.png);}

td.nav:active{
color: #xxxxxx;
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/darkmodernbutton111.png);}

td.edit_navi_headbg{
margin: 0px;
padding: 0px;
background-image: url();
background-color: #xxxxxx;
width: 185px;}
background-repeat: repeat-y;}

td.edit_below_nav{
visibility: hidden;
width: 185px;}

td.edit_below_nav img{
visibility: hidden;
width: 1x;}

td.nav_heading{
background-image: url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/technohover9.jpg);
background-color: #xxxxxx;
padding-top: 0px;
font-weight: bold;
text-decoration: none;}



.menu{
width: 185px;
color: #xxxxxx; !important;
font-weight: bold;
padding-left: 0px;}
font-size: 8px;}

.menu a{
color: #ffffff;
font-weight: bold;
padding-left: 0px;
text-decoration: none;
font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{
color:#8B0000;
font-size: 19px;
text-decoration: none;}

td.edit_content a:hover {
color: #DC143C;
font-size: 19px;
text-decoration:underline ;}

/* Textfeld Hintergrund*/
td.edit_content {
background-image:url();
background-repeat:repeat-y;
background-color:#FFF5EE;
padding: 20px 0px 0px 0px;
color:#xxxxxx}


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{
height: 23px;
background-image:url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/technobar9.jpg);}

td.edit_content_bottom{
background-color: #FFF5EE;
background-image:url();}

td.edit_content_bottom2{
background-image:url(http://img.webme.com/pic/h/hamsterzucht-vonarijuna/redbar.jpg);
background-color: transparent;
text-align: right;
height:35px;}

td.edit_rechts_cbg{
margin: 0px;
background-image: url(URL);
background-color: #xxxxxx;}


/* Rechte Boxen */
<style type="text/css">
<!--
td.sidebar_heading{background-image:url(url);}
td.edit_rb_footer{background-image:url(url);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_bottom{background-image:url(url);}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {background-image: url(url);background-color: transparent; visibility: hidden; width: 0px; height: 0px;}
td.sidebar_heading{background-image:url(url);

td#nav_abstand1{visibility:hidden;height: 25px;}
td#nav_abstand2{visibility:hidden;height: 25px;}
//-->
</style>

<style type="text/css">
<!--
table.edit_main_table{width:100% !important;}
td.edit_main_tr{width: 1075px !important;}
table.edit_second_table{width: 1075px !important;}
td.edit_header_full{width: 1075px !important;}
td.edit_header_full table{width: 1075px !important;}
table.edit_third_table{width: 1075px !important;}
td.edit_navi_headbg{width: 185px !important;}
table.edit_rechts_tabelle{width: 890px !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
td.edit_content {width: 890px !important;}
table#sidebar_heading_1 {width: 0px;}
-->
</style>


Mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag28.06.2009 um 07:07 (UTC)    
Titel: Re: Benötige Hilfe um Design zu überarbeiten!

Design zentrieren geht so:

Homepage zentrieren

Text über dem Design:

<div align="center">
<table width="70%">
<tr>
<td><div align="center">

Text unter dem Design

</div>
</td>
</tr>
</table>
</div>

2. Rechte Boxen sehe ich bei dir keine. Auch nicht Andeutungsweise.
3. Dein Hintergrundbild wird bei mir nur einmal dargestellt.
4. Um die Schrift linksbündig oder in blocksatz zu machen, brauchst du das nur im Editor oben einstellen. Text markieren und eingeben, ob linsbündig oder anders. Wenn du keinen Editor hast, kann ich leider nicht weiter helfen.

Die Landpom
(Süße Hamsterseite)
______________




Zuletzt bearbeitet von landpommeranze am 28.06.2009, 08:13, insgesamt 3-mal bearbeitet
Beitrag28.06.2009 um 12:45 (UTC)    
Titel: DANKE ig4444 ;-)

Hallo und danke für die schnellen Antworten!

@ ndsclan und safe-earth

Lieb gemeint aber ich halte von solchen Generatoren nicht viel.
Finde es schon praxtischer sich mit jemanden austauschen zu können.

@ ig4444

Ganz dickes Lob habe das Geschriebene verstanden und umsetzten können...
obwohl ich ein Laie bin Laughing .

Nun sitzt alles am richtigen Platz. und ist so wie ich es mir vorgestellt habe.
Danke für deine Hilfe Mr. Green

Also 1.-3. ist nun schick...

Nun habe ich aber noch ein Problem:
Zitat:
4. Bei mir ist die Schrift u.s.w. auf den Seiten mittig, bei dem PC meines Freundes linksbündig?


Ich habe meine Seiten alle mit dem HPBK Editor gemacht.
Als Beispiel die Seite Home, es soll alles zentriert angezeigt werden (Bilder, Schrift, u.s.w).
Habe im Editor alles markiert und zentriert und so wird es dann bei mir auch angezeigt.
Bei anderen PCs ist es aber zum Teil und manche Seiten auch komplett linkgsbündig!
Woran kann das liegen?

Liebe Grüße Katrin
Beiträge der letzten Zeit anzeigen:   


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