Grafik in Postbox

[Caillean]

Liebe Community,

ich möchte gerne eine Grafik ähnlich wie ein Wasserzeichen in meiner Postbox einbauen, das man dann sieht, während man einen Beitrag schreibt. Ich habe eine png-Datei erstellt und diese auch in den images-Ordner geladen. Leider ist es mir, da meine Kenntnisse sehr begrenzt sind, nicht gelungen, diese auch in der Post-Box entsprechend einzubauen. Mein Style heißt Serenity Darkblue, in der stylesheet.css habe ich das mal heraus gesucht:

Code: Alles auswählen

/* Post */
.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #43486D;
}
td.postbottom { 
	background: #F1F1F1 url(images/bg_tfoot.gif) top left repeat-x;
	font-size: 10px;
	color: #444;
	white-space: nowrap;
	padding: 2px 4px;
	vertical-align: middle;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
	color: #666;
	font-size: 10px; 
	text-align: left;
}
.postdetails b {
	color: #444;
}
.posterrank		{ font-size: 9px; color: #666; }
.posterprofile	{ font-size: 10px; color: #666; }

.postauthor {
	color: #43486D;
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
	margin: 1px 0px;
	color: #B17A7F;
	font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
	color: #00FF00;
	font-weight: bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postbody {
	font-size: 12px;
	line-height: 1.4em;
	margin: 3px 0;
	}
.signature {
	font-size: 11px;
	color: #888;
	margin-top: 5px;
}
.signature .line { color: #AAA; }

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #43486D;
	color: #000;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #43486D;
}

.postbody a { text-decoration: underline; }

Ich habe schon ein bisschen herum experimentiert und im ACP die Themes auch jedes Mal aktualisiert, aber zu sehen war nie etwas.

Vielleicht kann mir jemand verraten, wie ich das image korrekt einbaue? Offenbar war mir dabei ja ein Fehler unterlaufen...

Viele Grüße, Caillean

[LuCkY_1]

Hi

wenn du sowas meinst [ externes Bild ]
Ich habe das bei mir so gemacht das ich das Bild
In meinem Style / Theme / Images / Ordner Eingefügt habe ! ich habe das Bild bg_text genannt und es ist eine gif. Datei Größe musst du eben Probieren und austesten
danach habe ich im meinen Style / Theme Ordner die forms.css Datei geöffnet und Folgendes geändert

und zwar das

Code: Alles auswählen

 textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;

In das hier

Code: Alles auswählen

textarea {
background-image: url('./images/bg_text.gif');
      background-repeat:no-repeat;
      background-position:right;	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;

Wie du auf meinen Bild sehen kannst ist der Beagle/Hunde Kopf rechts zu sehen auch das kannst du ändern ob es nun Links oder Mittig sein soll

Ich hoffe ich habe nichts Vergessen und konnte dir ein wenig helfen !

Lg.[/i][/b]

Achja was auch ganz wichtig und Hilfreich ist !

Dein Style muss noch in der Datenbank aktualisiert werden!

Voraussetzung ist hierbei, das die Dateien zur Änderung herunter geladen und nach der Änderung wieder ins
phpBB-Verzeichnis geladen wurden. Anderfalls würden die im ACP gemachten Änderungen in der Datenbank
wieder mit den alten Werten überschrieben.

Gehe dazu folgende Schritt durch:

ACP --> Styles --> Style-Komponenten --> Themes
ACP --> Styles --> Style-Komponenten --> Templates
ACP --> Styles --> Style-Komponenten --> Grafiksammlungen

Dort angekommen, klicke jeweils auf den Link „Aktualisieren“

Nach den Aktualisierungen gehe zurück auf den ACP Index ( ACP --> Allgemein ) und klicke
bei „Den Cache leeren" auf den Button „Jetzt ausführen“.

Bei manchen Browsern ist es zusätzlich nötig, den Browser Cache zu löschen. ( Meistens mit STRG + F5 )

Alternative Möglichkeit (Nur für den kurzzeitigen Gebrauch gedacht):

ACP --> Allgemein --> Serverlast --> Rekompilieren veralteter Style-Komponenten: JA einstellen.

Das sollte aber hinterher wieder zurück gestellt werden. (Sonst unter anderem große Serverlast)

Der Cache muss aber trotzdem geleert werden.

Hinweis:
Beim Style „subsilver“ brauchen die Style-Komponenten --> Themes nicht aktualisiert werden.
Macht man dies trotzdem, kommt folgende Fehlermeldung:
„Dieses Theme ist im Dateisystem gespeichert. Daher gibt es keinen Grund, es zu aktualisieren.“

[Caillean]

Danke für deine Antwort!

Ich brauche allerdings nur die richtige Position in der css (eine forms.css gibt es bei meinem Style nicht) um mein Bildchen zu platzieren - und ja genau, es ist genau so etwas, wie du es auch bei dir eingebaut hast, was mir vorschwebt.

Ich habe nun in der stylesheet.css anhand deines Beispiels gefunden, wo es hin muss und das Bildchen dort hin kopiert. Da mein Style aber anders aufgebaut ist als deiner (ich glaube, basierend auf Subsilver 2), hatte ich das Bildchen plötzlich überall, wo ich es mir vorstellen konnte - ja, da wo es sein sollte, auch. Ich hätte es aber gerne ausschließlich da, und wenn mir noch jemand sagen könnte, wo genau ich es platzieren muss, wäre mir sehr geholfen.

Anbei mein Textarea-Abschnitt:

Code: Alles auswählen

/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #888;
	background-color: #FFF;
}
#helpline { color: #444; }

input {
	font-size: 1.1em;
	padding: 1px;
}
textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
}
select {
	font-size: 1.1em;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-size: 1.1em;
	border: 1px solid #8F91A6;
}
.btnbbcode:hover {
	border-color: #444;
	color: #000;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: transparent;
	color: #444;
	border-style: none;
}

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
	border-color: #888;
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
	border-color: #43486D;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
	border-color: #32344D; 
	color: #000;
}

label:hover { 
	color: #B17A7F; 
}

textarea.posting-textarea, #ie8#fix {
    width: 98%;

Edit: Es hat jetzt insofern funktioniert, dass sich nur noch im Fenster für Datei-Uploads wiederholt und nicht mehr überall. Ich bin mir nicht sicher, womit genau ich es gelöst habe, da ich so vieles herum probiert habe, aber so wie es jetzt ist, kann ich mit leben.

Viele Grüße, Caillean