Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.09.2010 um 19:40 (UTC)    
Titel: HP transparent machen

Hallo,
ich bräuchte mal bitte Hilfe.Ich bin momentan soweit,das ich ein Hintergrundbild drin habe und einige Teile transparent sind.Ich möchte es aber so haben,wie links die Navigation,nur die Schrift ohne farbigen Hintergrund.Design ist "Iceblue".....

http://morelia-boerde.de.tl/

LG David
Beitrag06.09.2010 um 19:44 (UTC)    
Titel:

hiho

probier es mal damit


Zitat:


td.nav {
display: none;}

td.nav:hover {
display: none;}


mfg
______________
Lala Dum Dum - euch grüßt Sam Smile


Zuletzt bearbeitet von samnowi am 06.09.2010, 20:44, insgesamt einmal bearbeitet
Beitrag06.09.2010 um 19:44 (UTC)    
Titel:

Beitrag06.09.2010 um 22:04 (UTC)    
Titel:

Ja,sorry.Da hatte ich wieder das original Design.


Ich habe jetzt Stunden lang rumprobiert,habe aber Probleme mit dem Hintergrundbild.Wiederholt es sich nicht,sind bei vielen GB Einträgen oder so,große weiße Flächen,da Bild irgendwann zuende.
Wiederholt es sich,sieht es doof aus....
Dann sind die schwarzen Ränder um die rechten Boxen,die ich nicht wegbekomme und die Schrift ist sehr dünn,müsste also auch etwas dicker sein.

Ich habe es jetzt wieder wie beim alten.Wenn ihr das geänderte Ergebnis gerne mal sehen möchtet,schreibt es bitte einfach und ich füge den geänderten Code ein.

Gruß David
Beitrag06.09.2010 um 22:20 (UTC)    
Titel:

kannst den code ja mal posten und ich werf mal einen blick darauf.

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

Beitrag07.09.2010 um 06:14 (UTC)    
Titel:

Zitat:
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:transparent;
background-image:url(http://img.webme.com/pic/m/morelia-boerde/kopieholzback.jpg);
background-repeat:no-repeat;background-attachment: fixed;}
text-align:center; }

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

/* Header oben */
td.edit_header_full {
background-color:transparent;
background-image:url(http://img.webme.com/pic/m/morelia-boerde/hea.jpg);
background-repeat:no-repeat;
border:1px solid transparent; }


/* Titel über Navigation */
td.nav_heading {
color:#ffffff;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:transparent;
background-image:url();
border:1px solid #000000; }

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

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

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}


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



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

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:transparent;
background-image:url();
border:1px solid transparent; }

/* 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:transparent;
background-image: url();
border:1px solid transparent; }

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

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

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:transparent;
background-image: url();
border:1px solid transparent; }

/* Zweiter Balken unter Textfeld */
td.edit_content_bottom2 {
background-color:transparent ;
background-image: url();
border:0px solid #000000; }


/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:transparent;
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:transparent;
background-image: url();
border:1px solid #000000; }

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

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

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:transparent ;
background-image: url();
border:0px solid #000000; }


-->
</style>




Als Vorlage habe ich den Code ganz unten genommen...

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

Gruß David


Edit: Problem 1 gelöst,Hintergrundbild war nicht "fixiert".Jetzt sind die weißen Flächen auch weg,bis jetzt Wink

Variante 2:Gefällt mir persönlich noch besser,nur habe ich keine Idee,den Text besser lesbar zu machen.


Zitat:
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:transparent;
background-image:url(http://img.webme.com/pic/m/morelia-boerde/back.jpg);
background-repeat:no-repeat;background-attachment: fixed;}
text-align:center; }

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

/* Header oben */
td.edit_header_full {
background-color:transparent;
background-image:url();
background-repeat:no-repeat;
border:1px solid transparent; }


/* Titel über Navigation */
td.nav_heading {
color:#ffffff;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:transparent;
background-image:url();
border:1px solid #000000; }

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

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

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}


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



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

/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:transparent;
background-image:url();
border:1px solid transparent; }

/* 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:transparent;
background-image: url();
border:1px solid transparent; }

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

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

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:transparent;
background-image: url();
border:1px solid transparent; }

/* Zweiter Balken unter Textfeld */
td.edit_content_bottom2 {
background-color:transparent ;
background-image: url();
border:0px solid #000000; }


/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:transparent;
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:transparent;
background-image: url();
border:1px solid #000000; }

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

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

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:transparent ;
background-image: url();
border:0px solid #000000; }
-->
</style>




Zuletzt bearbeitet von morelia-boerde am 07.09.2010, 14:12, insgesamt 5-mal bearbeitet
Beitrag07.09.2010 um 13:51 (UTC)    
Titel:

so wird das nichts werden, denn das bild ist nicht geeignet. man könnte zwar den content farbig machen und transparenter, aber der geschriebene text wird dann kaum zu lesen sein.

da das bild links bei der navigation helle und dunkle bereiche hat, gibt es auch keine lösung der schriftfarbe.

die einzige möglichkeit die ich sehe, wäre dein bild etwas zu bearbeiten.

dazu erstellt man einen dunklen hintergrund und fügt dein jetziges bild fast transparent mittig ein. ist natürlich fummelarbeit und bedeutet auch nicht das es gut aussieht.

allerdings ist dein jetziger code nicht ganz dafür geeignet, der sollte noch weiter angepasst werden. und wenn man schon dabei ist, dann das design etwas verbreitern und zentrieren.



so in der art wäre das hintergrundbild die beste lösung. durch änderung des codes vom hintergrund, kann man links, rechts und unten den farbton weiterlaufen lassen.

damit könntest du alles in heller schrift gestalten.

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



Zuletzt bearbeitet von 6p-iceblue am 07.09.2010, 14:52, insgesamt einmal bearbeitet
Beitrag07.09.2010 um 14:41 (UTC)    
Titel:

Ok,dank dir.Ich werde mir mal was überlegen.

Gruß David
Beitrag07.09.2010 um 14:43 (UTC)    
Titel:

noch ein tip:

das hat nur sinn, wenn du auf den seiten keine bilder drin hast, sonst überdecken sie ja das hintergrundbild.

gruss gringo

fazit: lass es lieber Wink
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag07.09.2010 um 15:02 (UTC)    
Titel:

Hast recht Wink
Dann mache ich lieber einen anders farbigen Hintergrund.
Wie kann ich das Design zentrieren?Das bekomm ich nicht hin.
Beitrag07.09.2010 um 15:06 (UTC)    
Titel:

Beitrag21.12.2010 um 12:19 (UTC)    
Titel: Ein Regler in den Extras

für die Transparenz wäre gut. Auf meiner my.sms.at/stolmich Webseite konnte ich die Transparenz mit einem Regler von 0 - 100 % einfach einstellen. So etwas wäre auch für den HPBK gut. LG aus Österreich & frohe Weihnachten.
______________
Michael Stolz
Beiträge der letzten Zeit anzeigen:   


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