Header Hintergrund Transparent

Antworten
  • Seite 2 von 4
#16
20.09.2017 20:56
avatar  Steffi Blubb
#16 RE: Header Hintergrund Transparent
St
Steffi Blubb
Mitglied

Hab ich auch schon gemacht, steht auf Transparent..
Das ist es ja fast mich so nervt..


 Antworten

 Beitrag melden
#17
20.09.2017 21:07
avatar  Edeltraud
#17 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

Der Schleier ist eine Grafik 1000 x 2px und hier zu finden

1
2
3
4
5
6
7
8
9
 

.content {
    background-image: url("//files.homepagemodules.de/b2001010/a_100.png");
    background-position: center top;
    background-repeat: repeat-y;
    min-width: 600px;
    padding: 0 50px;
    width: 950px;
}
 

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
#18
20.09.2017 21:09
avatar  Steffi Blubb
#18 RE: Header Hintergrund Transparent
St
Steffi Blubb
Mitglied

Okay, danke..
Aber ich will den Schleier nicht drin haben, ich will ihn weg haben.
und ich wüsste nicht das ich eine Grafik irgendwo eingefügt habe?!
oder verstehe ich dich gerade falsch?


 Antworten

 Beitrag melden
#19
20.09.2017 21:11
avatar  ( gelöscht )
#19 RE: Header Hintergrund Transparent
Gast
( gelöscht )

... ich hatte diese seltsame Hintergrundgrafik vorhin auch schon im Auge, dachte aber, da erstes Forum und ganz am Anfang, ...dürften noch keine CSS Einräge vorhanden sein ....

MfG


 Antworten

 Beitrag melden
#20
20.09.2017 21:11
avatar  Edeltraud
#20 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

da ist eine Grafik eingebaut, das ist der Schleier in der Mitte.

Die ist 1000px x 2px groß und sollte dann weg

Musst mal in CSS schauen, ob du die Stelle findest

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
#21
20.09.2017 21:15 (zuletzt bearbeitet: 20.09.2017 21:15)
avatar  Edeltraud
#21 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

was seltsam ist Fränki, wenn man die Grafik suchen will bei Google findet man nix.

Auch die Maße total ungewohnt. Ich finde da nur was mit SEO wenn ich auf Suche gehe

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
#22
20.09.2017 21:17
avatar  Steffi Blubb
#22 RE: Header Hintergrund Transparent
St
Steffi Blubb
Mitglied

doch, ich hab CSS einträge.. für bestimmte Sachen, für Rahem und Farbverläufe und so ein kram..!
ich hab jetzt nochmal alles durchgeschaut ein paar mal, aber nichts gefunden..


 Antworten

 Beitrag melden
#23
20.09.2017 21:18 (zuletzt bearbeitet: 20.09.2017 21:19)
avatar  Edeltraud
#23 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

Das ist die Grafik

https://files.homepagemodules.de/b2001010/a_100.png

Also nach der musst du dann suchen in CSS

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
#24
20.09.2017 21:22
avatar  ( gelöscht )
#24 RE: Header Hintergrund Transparent
Gast
( gelöscht )

...wenn sie als .content background eingetragen ist, muss sie da raus.

MfG


 Antworten

 Beitrag melden
#25
20.09.2017 21:25
avatar  Edeltraud
#25 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

di Grafik muss raus und transpararent rein, würde ich jetzt sagen

1
2
3
4
5
6
7
8
9
 
.content {
    background-image:  transparent;
    background-position: center top;
    background-repeat: repeat-y;
    min-width: 600px;
    padding: 0 50px;
    width: 950px;
}
 
 

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
#26
20.09.2017 21:25
avatar  Steffi Blubb
#26 RE: Header Hintergrund Transparent
St
Steffi Blubb
Mitglied

und wie mach ich das??? Ich krieg noch die Kriese...
in der CSS hab ich nichts gefunden..


 Antworten

 Beitrag melden
#27
20.09.2017 21:26
avatar  Edeltraud
#27 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

Kannst du mal dein CSS hier einstellen, das muss da drin sein

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
#28
20.09.2017 21:27
avatar  Steffi Blubb
#28 RE: Header Hintergrund Transparent
St
Steffi Blubb
Mitglied

Hier meine ganze CSS


.farbverlauf {
background-image: linear-gradient(#b8c1d8, #bfb9bd);
background-image: -webkit-linear-gradient(#b8c1d8, #bfb9bd);
}

.farbverlauf2 {
background-image: linear-gradient(#cc9a9a, #bfb9bd);
background-image: -webkit-linear-gradient(#cc9a9a, #bfb9bd);
}

.farbverlauf3 {
background-image: linear-gradient(#7fa5aa, #bfb9bd);
background-image: -webkit-linear-gradient(#7fa5aa, #bfb9bd);
}

.farbverlauf4 {
background-image: linear-gradient(#92b793, #bfb9bd);
background-image: -webkit-linear-gradient(#92b793, #bfb9bd);
}

.farbverlauf5 {
background-image: linear-gradient(#dacfc0, #bfb9bd);
background-image: -webkit-linear-gradient(#dacfc0, #bfb9bd);
}

.farbverlauf6 {
background-image: linear-gradient(#bfb6c8, #bfb9bd);
background-image: -webkit-linear-gradient(#bfb6c8, #bfb9bd);
}

.farbverlauf7 {
background-image: linear-gradient(to right, #bfb9bd, #b8c1d8, #b8c1d8, #bfb9bd); width:100%;
}


.farbverlauf8 {
background-image: linear-gradient(to right, #bfb9bd, #cc9a9a, #cc9a9a, #bfb9bd); width:100%;
}

.farbverlauf9 {
background-image: linear-gradient(to right, #bfb9bd, #7fa5aa, #7fa5aa, #bfb9bd); width:100%;
}

.farbverlauf10 {
background-image: linear-gradient(to right, #bfb9bd, #92b793, #92b793, #bfb9bd); width:100%;
}

.farbverlauf11 {
background-image: linear-gradient(to right, #bfb9bd, #dacfc0, #dacfc0, #bfb9bd); width:100%;
}

.rahmen1 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-radius: 1px;
border: 1px solid #666666;
}


.rahmen2 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-left-radius: 15px;
border: 1px solid #666666;
}


.rahmen3 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-bottom-left-radius: 15px;
border: 1px solid #666666;
}


.rahmen4 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-left-radius: 150px;
border: 1px solid #666666;
}

.rahmen5 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 15px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
border: 1px solid #666666;
}

.rahmen6 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 15px;
border: 1px solid #666666;
}

.rahmen7 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-right-radius: 15px;
border: 1px solid #666666;
}

.rahmen8 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-bottom-right-radius: 15px;
border: 1px solid #666666;
}

.rahmen9 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-right-radius: 150px;
border: 1px solid #666666;
}


.rahmen10 {
transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-webkit-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-moz-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-o-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-ms-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);

}

.rahmen11 {




transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-webkit-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-moz-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-o-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-ms-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);


}

.rahmen12 {


border:outset 4px #FFFFFF;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

.rahmen13 {
box-shadow: 1px 1px 5px #6C6C6C;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #666666;
padding: 1px;
max-width: 500px
}






.text-shadow {text-shadow: #c0c0c0 3px 3px 5px;}

font-family: 'Bad Script', cursive;
font-family: 'Cinzel Decorative', cursive;
font-family: 'Handlee', cursive;
font-family: 'IM Fell Double Pica SC', cursive;
font-family: 'Indie Flower', cursive;
font-family: 'Shadows Into Light', cursive;

font-family: 'Raleway', cursive;




.farbverlauf {
background-image: linear-gradient(#b8c1d8, #bfb9bd);
background-image: -webkit-linear-gradient(#b8c1d8, #bfb9bd);
}

.farbverlauf2 {
background-image: linear-gradient(#cc9a9a, #bfb9bd);
background-image: -webkit-linear-gradient(#cc9a9a, #bfb9bd);
}

.farbverlauf3 {
background-image: linear-gradient(#7fa5aa, #bfb9bd);
background-image: -webkit-linear-gradient(#7fa5aa, #bfb9bd);
}

.farbverlauf4 {
background-image: linear-gradient(#92b793, #bfb9bd);
background-image: -webkit-linear-gradient(#92b793, #bfb9bd);
}

.farbverlauf5 {
background-image: linear-gradient(#dacfc0, #bfb9bd);
background-image: -webkit-linear-gradient(#dacfc0, #bfb9bd);
}

.farbverlauf6 {
background-image: linear-gradient(#bfb6c8, #bfb9bd);
background-image: -webkit-linear-gradient(#bfb6c8, #bfb9bd);
}

.farbverlauf7 {
background-image: linear-gradient(to right, #bfb9bd, #b8c1d8, #b8c1d8, #bfb9bd); width:100%;
}


.farbverlauf8 {
background-image: linear-gradient(to right, #bfb9bd, #cc9a9a, #cc9a9a, #bfb9bd); width:100%;
}

.farbverlauf9 {
background-image: linear-gradient(to right, #bfb9bd, #7fa5aa, #7fa5aa, #bfb9bd); width:100%;
}

.farbverlauf10 {
background-image: linear-gradient(to right, #bfb9bd, #92b793, #92b793, #bfb9bd); width:100%;
}

.farbverlauf11 {
background-image: linear-gradient(to right, #bfb9bd, #dacfc0, #dacfc0, #bfb9bd); width:100%;
}

.rahmen1 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-radius: 1px;
border: 1px solid #666666;
}


.rahmen2 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-left-radius: 15px;
border: 1px solid #666666;
}


.rahmen3 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-bottom-left-radius: 15px;
border: 1px solid #666666;
}


.rahmen4 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-left-radius: 150px;
border: 1px solid #666666;
}

.rahmen5 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 15px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
border: 1px solid #666666;
}

.rahmen6 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 15px;
border: 1px solid #666666;
}

.rahmen7 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-right-radius: 15px;
border: 1px solid #666666;
}

.rahmen8 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-bottom-right-radius: 15px;
border: 1px solid #666666;
}

.rahmen9 {
box-shadow: 1px 1px 5px #6C6C6C;
border-radius: 1px;
border-top-right-radius: 150px;
border: 1px solid #666666;
}


.rahmen10 {
transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-webkit-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-moz-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-o-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);
-ms-transform: rotate(354deg) scale(1.00) skew(1deg) translate(0px);

}

.rahmen11 {




transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-webkit-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-moz-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-o-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);
-ms-transform: rotate(17deg) scale(1.00) skew(-3deg) translate(0px);


}

.rahmen12 {


border:outset 4px #FFFFFF;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

.rahmen13 {
box-shadow: 1px 1px 5px #6C6C6C;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #666666;
padding: 1px;
max-width: 500px
}


 Antworten

 Beitrag melden
#29
20.09.2017 21:34
avatar  ( gelöscht )
#29 RE: Header Hintergrund Transparent
Gast
( gelöscht )

...also, solch eine CSS Datei hab ich noch nicht gesehen. ...wo hast Du denn diesen Schwachsinn her ? ?? Sorry.

Mfg


 Antworten

 Beitrag melden
#30
20.09.2017 21:34 (zuletzt bearbeitet: 20.09.2017 21:34)
avatar  Edeltraud
#30 RE: Header Hintergrund Transparent
avatar
Edeltraud
Mitglied

total unlogisch, die Grafik ist da nicht drin

Ich sehe aber auch kein

.content

Layout: Business
https://www.edeltraudsbastelforum.de/


Die Leute sagen immer: Die Zeiten werden schlimmer.
Die Zeiten bleiben immer. Die Leute werden schlimmer.
Joachim Ringelnatz

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!