Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag02.11.2010 um 13:55 (UTC)    
Titel: Textfeld gestalten und einbinden???

hallo ist es möglich ein selbstgestaltetes textfeld*grafik
auf den backround zu setzen?

ich hätte vor den das textfeld wie einen klecks zu gestalten und auf die farbpalette
zu setzen.

siehe;
http://www.robertkoestlin.de.tl

kann mir bitte jemand tips geben oder hilfreich zur seite stehen?
gruß robert
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag02.11.2010 um 14:22 (UTC)    
Titel: mithilfe

falls etwas unschlüssig sein sollte von dem was ich erfrage dann sagt es bitte
ich helf mit und möcht es ja auch selbst umsetzen nur fehlen mir die antworten ob es generell möglich ist

rob
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag02.11.2010 um 16:59 (UTC)    
Titel: bitte

bitte helft mir oder gebt mal nen tip
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag02.11.2010 um 17:02 (UTC)    
Titel:

Das wie auf der gezeigten Homepage basiert der Content auf ein Hintergrundsfeld. Außerdem sollte man innerhalb 24 Stunden, einen Doppelpost vermeiden.

Gruss,
Fabian

Ich zitiere meine Antwort, da du wohl anscheind keine Hilfe möchtest. Auf der von dir gezigten Homepage basiert der Content auf ein Hintergrundbild. Schau einfach mal bei der Forensuche.

Gruss,
Fabian


Zuletzt bearbeitet von new-designs am 02.11.2010, 18:09, insgesamt einmal bearbeitet
Beitrag02.11.2010 um 17:07 (UTC)    
Titel: jaja

mensch ihr mit eurer besserwissertuerei
mensch ich benötige hilfe und gut. ich mach hier sonst auch keinen larry also.
kann man mir helfen?
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag02.11.2010 um 18:12 (UTC)    
Titel:

gibt es wirklich nicht einen tip oder hinweis???????

bitte

gruß rob
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag03.11.2010 um 06:34 (UTC)    
Titel:

ich find zu diesem thema immernoch nichts.
bitte kann mir wer helfen?

gruß rob
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag03.11.2010 um 11:41 (UTC)    
Titel:

Ok ich bin wieder klar im Kopf (18. Geburtstag Laughing ), dann kann ich dir einen Tip geben:

Wie new-designs schon sagte basiert das ganze auf einem einzelnen Hintergrunbild, alle anderen Elemente sind einfach nur positioniert ohne Farben oder Bilder zu verwenden.
Code:
body {
background: url(Bildadresse) no-repeat center top;
}

______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag03.11.2010 um 16:36 (UTC)    
Titel:

die bildadresse wäre dann meines erachtens eine .png datei.
funktioniert das?

lieben dank für die hilfe
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag03.11.2010 um 19:24 (UTC)    
Titel:

gruß

hab es mal versucht
nur setzt sich das die farbklecksgrafik hinter meine farbpalette aber ein blauer farbklecks soll mein textfeld werden auf der farbpalette.
soll ich mal meinen code hier einfügen?

mir fehlt noch das richtige verständnis.

gruß robert
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag03.11.2010 um 23:08 (UTC)    
Titel:

Ahhhhhh jetzt bin ich erst 100% auf den Trichter gekommen was du vorhast.
Ok, der Content/Inhalt als Farbklecks, da müssen wir mit einer anderen Klasse arbeiten:
Code:
#content {
background: url(Bildadresse) center no-repeat;
}

Genau anpassen kann ich dir die Position des Kleckses erst, wenn ich die Grafik gesehen habe.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag04.11.2010 um 04:27 (UTC)    
Titel: fast

vielen dank!
den klecks hab ich nun schon so halbwegs auf der palette.
nun send ich mal den code. da hier sicherlich einiges durchwurschtelt ist ;O)
wichtig wär mir nun wie ich den klecks halbwegs mittig bzw weiter nach rechts unten bekomme.

http://www.robertkoestlin.de.tl

danke schon einmal




-->
</style>
<center>
<style type="text/css">
<!--

td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }
/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px; }

/* Hintergrund */
body {
background-color: #000000;
background-image: url(); }
/* Hintergrund-Container mit Bild */
#container {
margin: auto;
width:1000px;
height:700px;
background-image:url(http://img.webme.com/pic/r/robertkoestlin/farbpal.jpg);}


/* Das Textfeld */
#content {
background:url(http://img.webme.com/pic/r/robertkoestlin/klecks.png) center no-repeat;
}
position: absolute;
left: 50%;
top: 240px;
margin-left:-700px;
width: 660px;
height:380px;
overflow:auto;}
color:#FF0000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:;
border: 0px solid #FFFFFF;}

/* Linkfarben im Textfeld content */
#content a{
color:#000080;}

/* Textfeld / Seiteninhalt */
#content {
margin-top: 30px;
margin-bottom: 30px;
width: 730px;
padding: 50px;
background-color:;
}

/* rechte Box */
#sidebar_container {
position: absolute;
left: 50%;
top: 240px;
margin-left: 220px;
width: 150px;
height: 180px;
line-height:9px;
color: #C6BA8A;
font-size: 12px;
font-family: arial;
overflow: auto;
border: 0px solid #FFFFFF;}

/* Feld Navigation */
#nav_container {
position: absolute;
left:50%;
top:140px;
margin-left:-480px;
border:0px solid #FFFFFF;}
/* Hintergrund Navi-Buttons */
li.nav_element {
list-style-type:none;
position: relative;
margin-bottom:5px;}

/* Navi-Links */
li.nav_element a {
display: block;
width: 130px;
font-family:arial;
font-size:16px;
text-decoration: none;
text-align: left;
padding-left:10px;
color:#0000AF;
background-color:#C7BA3A;
background-image:url();
border: 2px solid #C8BA8A;}

/* Hover-Effekt Navi-Links */
li.nav_element a:hover{
color: #4D261A;
background-color:#C6BA8A;
background-image:url();
border: 1px solid #FFFFFF;}
/* Felder die wir nicht benötigen */
h1#header {display:none;}
h2#title {display:none;}
#sidebar_heading{display:none;}
#counter{display:none;}
#nav_heading{display:none;}
______________


ICH FREU MICH AUF EUCH!
R.E.K.
Beitrag04.11.2010 um 08:31 (UTC)    
Titel: Re: fast

die-loewenbande hat Folgendes geschrieben:

-->
</style>
<center>
<style type="text/css">
<!--

td[height="102"] {
position:absolute;
left:50%;
margin-left:-376px; }
/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px; }

/* Hintergrund */
body {
background-color: #000000;
background-image: url(); }
/* Hintergrund-Container mit Bild */
#container {
margin: auto;
width:1000px;
height:700px;
background-image:url(http://img.webme.com/pic/r/robertkoestlin/farbpal.jpg);}


/* Das Textfeld */
#content {
background:url(http://img.webme.com/pic/r/robertkoestlin/klecks.png) -20px -120px no-repeat;
position: absolute;
left: 50%;
top: 240px;
margin-left:-300px;
width: 660px;
height:600px;
overflow:auto;}
color:#FF0000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:;
border: 0px solid #FFFFFF;
margin-top: 30px;
margin-bottom: 30px;
padding: 50px;
}

/* Linkfarben im Textfeld content */
#content a{
color:#000080;}

/* rechte Box */
#sidebar_container {
position: absolute;
left: 50%;
top: 240px;
margin-left: 220px;
width: 150px;
height: 180px;
line-height:9px;
color: #C6BA8A;
font-size: 12px;
font-family: arial;
overflow: auto;
border: 0px solid #FFFFFF;}

/* Feld Navigation */
#nav_container {
position: absolute;
left:50%;
top:140px;
margin-left:-480px;
border:0px solid #FFFFFF;}
/* Hintergrund Navi-Buttons */
li.nav_element {
list-style-type:none;
position: relative;
margin-bottom:5px;}

/* Navi-Links */
li.nav_element a {
display: block;
width: 130px;
font-family:arial;
font-size:16px;
text-decoration: none;
text-align: left;
padding-left:10px;
color:#0000AF;
background-color:#C7BA3A;
background-image:url();
border: 2px solid #C8BA8A;}

/* Hover-Effekt Navi-Links */
li.nav_element a:hover{
color: #4D261A;
background-color:#C6BA8A;
background-image:url();
border: 1px solid #FFFFFF;}
/* Felder die wir nicht benötigen */
h1#header {display:none;}
h2#title {display:none;}
#sidebar_heading{display:none;}
#counter{display:none;}
#nav_heading{display:none;}

Ich hab einen Fehler im Content ausgehebelt und die Grafik soweit wie möglich nach oben verschoben, damit möglichst viel Text auf der Grafik und nicht darüber sitzt.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag04.11.2010 um 08:37 (UTC)    
Titel:

hab vielen lieben dank

kannst du mir verraten wo der fehler lag?
es ist doch nun aber möglich den klecks größer zu machen und mehr nach unten rechts zu verschieben oder?



danke rob
Beitrag04.11.2010 um 09:05 (UTC)    
Titel:

Du hattest eine } - Klammer zu viel im Code.
Verschieben kannst du die Grafik, indem du die Pixelangaben bei "background" änders. Weiter nach unten rechts bekommst du sie, wenn du die Zahlen langsam Richtung 0 bzw. ins Positive gehen lässt.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beiträge der letzten Zeit anzeigen:   


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