Bild/Hintergrund im Posting-Feld ?

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
Abhishek-Rocks
Mitglied
Beiträge: 9
Registriert: 15.12.2005 06:34
Wohnort: Karlsruhe
Kontaktdaten:
Kontaktdaten von Abhishek-Rocks

Beitrag von Abhishek-Rocks »

Einen wunderschönen guten Morgen

Ich habe dazu auch noch eine Frage...

Ich habe mittlerweile von 271 Seiten ungefähr 200 durchgelesen. Und habe jeden Tipp hier ausprobiert, wegen dieser Grafik im Textfeld.
Keine Ahnung wo mein Fehler liegt, warum ich das nicht hin bekomme.

Ich habe 2 Styles einmal FiSubgrey und einmal Fiappleblue in keinem von beiden habe ich das hinbekommen.
Der Bildpfad stimmt in beiden Styles /images/john.jpg

Fiappleblue.css


/* This is the background behind the post buttons */
.posti{background: url('images/john.jpg');
FONT-SIZE: 12px;
COLOR: blue;


Fisubgrey.css

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif}

select{background:DCDCDC;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

der Link zum Forum

http://www.bollywood-world.info/php/php ... 606975bd05

der Link zum Pic

http://web93.srv1.twosteps.net/php/phpB ... s/john.jpg

bei fiapple der gleiche Pfad ausser natürlich fiapple/images

So ich hoffe ich hab nun alles gepostet, dass euch helfen könnte mir einen Tipp für mein Problem zu geben.
Bin für jede Hilfe dankbar.


Grüße Angel
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

der Pfad kann auch nicht stimmen in der css-Datei :wink:

Code: Alles auswählen

/* This is the background behind the post buttons */ 
.posti{background: url('images/john.jpg'); 
FONT-SIZE: 12px; 
COLOR: blue;
Versuchs mal mit dem hier :wink:

Code: Alles auswählen

.posti{background: url('templates/fisubgrey/images/john.jpg');
Markus
Nach oben
Abhishek-Rocks
Mitglied
Beiträge: 9
Registriert: 15.12.2005 06:34
Wohnort: Karlsruhe
Kontaktdaten:
Kontaktdaten von Abhishek-Rocks

Beitrag von Abhishek-Rocks »

Erstmal vielen lieben Dank für die schnelle Antwort. Hab es auch gleich versucht, geht aber auch nicht. :(

Ich verzweifel jetzt ganz langsam. Irgendwo mach ich einen Fehler und weiss nicht wo.

Liebe Grüße Angel
Nach oben
Benutzeravatar
ich-nrw
Mitglied
Beiträge: 561
Registriert: 06.05.2004 18:08

Beitrag von ich-nrw »

also ich habs so gemacht wie Markus beschrieben hat, und funzt supi!
Markus67 hat geschrieben:Hi ...

Deine Stylesheets sind nicht aktiviert. :wink:

Suche in der overall_header.tpl

Code: Alles auswählen

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}
darunter einfügen:

Code: Alles auswählen

/* The text input fields background colour */
textarea.post_bg {
	background-color : {T_TD_COLOR2};
	background-image: url(templates/subSilver/images/dein_hintergrund.gif);
}
templates/subSilver/images/dein_hintergrund.gif ersetzen mit dem Pfad zu dienem Hintergrundbild.

Öffne posting_body.tpl
suche:

Code: Alles auswählen

			  <textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
ersetze mit:

Code: Alles auswählen

			  <textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post_bg" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
Markus
Nach oben
Abhishek-Rocks
Mitglied
Beiträge: 9
Registriert: 15.12.2005 06:34
Wohnort: Karlsruhe
Kontaktdaten:
Kontaktdaten von Abhishek-Rocks

Beitrag von Abhishek-Rocks »

Hallo

Das wollte ich auch versuchen , aber ich hab ihn der overall den Code gar nicht ?!
Und einfach einfügen...? Da hab ich keine Ahnung wohin damit.

Code: Alles auswählen

<?xml version="1.0" encoding="{S_CONTENT_ENCODING}"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/fiappleblue/{T_HEAD_STYLESHEET}" type="text/css" />
<script language="JavaScript" type="text/javascript" src="includes/toggle_display.js"></script>
<!-- BEGIN switch_enable_pm_popup -->
<script type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript"> 
<!-- 
function setCheckboxes(theForm, elementName, isChecked)
{
    var chkboxes = document.forms[theForm].elements[elementName];
    var count = chkboxes.length;

    if (count) 
	{
        for (var i = 0; i < count; i++) 
		{
            chkboxes[i].checked = isChecked;
    	}
    } 
	else 
	{
    	chkboxes.checked = isChecked;
    } 

    return true;
} 
//--> 
</script>
<!-- Start add - Birthday MOD -->
{GREETING_POPUP}
<!-- End add - Birthday MOD -->
<script type="text/javascript">
<!--
window.status = "{PRIVATE_MESSAGE_INFO}";
// -->
</script>
<!-- Start add - Protect user account MOD -->
{PASSWD_POPUP}
<!-- End add - Protect user account MOD -->
<!-- BEGIN switch_absence -->
<script language="Javascript" type="text/javascript">
<!--
	window.open('{U_ABSENCE_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
//-->
</script>
<!-- END switch_absence -->
<!-- Start add - Complete banner MOD -->
<!-- Banners -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_1_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_2_IMG}</div></td></tr>
</table>
</td>
<td width="60%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_3_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_4_IMG}</div></td></tr>
</table>
</td>
<td width="20%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div align="center">{BANNER_5_IMG}</div></td></tr>
<tr><td><div align="center">{BANNER_6_IMG}</div></td></tr>
</table>
</td>
</tr>
</table>
<!-- End Banners -->
<!-- End add - Complete banner MOD -->
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>
<td align="center" width="100%">{BANNER_0_IMG}</td><td>
</tr> 
</table>
</td>
<br>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>

<br>
<a name="top" id="top"></a>
<table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table class="topbkg" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td align="center" width="100%">

<img align="center"src="http://web93.srv1.twosteps.net/php/phpBB2/images/banner/john%20banner.jpg">
</table>
</tr> 
</center>
</td>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td align="center" class="topnav">&nbsp;<a 
href="{U_FAQ}">{L_FAQ}</a>
&nbsp;•&nbsp;
<a
 href="{U_SEARCH}">{L_SEARCH}</a>
&nbsp;•&nbsp;
&nbsp;<a 
href="{U_PORTAL}">Portal</a>
&nbsp;•&nbsp;<a 
href="{U_INDEX}">Forum</a>
&nbsp;•&nbsp;<a 
<a target=_blank
href="{U_ALBUM}">Album</a>
<!-- BEGIN switch_user_logged_in -->
&nbsp;•&nbsp;
<a 
href="{U_BOOKMARKS}">{L_BOOKMARKS}</a><br>
<a 
href="{U_SEARCH_NEW}">{L_SEARCH_NEW2}</a>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
&nbsp;•&nbsp;
<a 
href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
&nbsp;•&nbsp;
<a 
href="{U_PROFILE}">{L_PROFILE}</a>
&nbsp;•&nbsp;
<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
&nbsp;•&nbsp;
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></td>
</tr>
</table>
{CALENDAR_BOX}
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>

Ich denke, dass ich wohl ein zimlich hoffnungsloser Fall bin :cry:
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ...

was willst du denn mit der overall_header.tpl ?
Ich dachte das Hintergrundbild soll in das Textfeld in welchem der Beitrag geschrieben wird.

Dafür suche in der fisubgrey.css

Code: Alles auswählen

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}
ersetze mit:

Code: Alles auswählen

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

textarea.postbg{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px;
background-image: url(templates/fisubgrey/images/john.jpg);}
Öffne die posting_body.tpl
suche:

Code: Alles auswählen

<textarea name="message" rows="15" cols="35" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
ersetze mit:

Code: Alles auswählen

<textarea name="message" rows="15" cols="35" style="width:450px" tabindex="3" class="postbg" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);">{MESSAGE}</textarea>
Markus
Nach oben
Abhishek-Rocks
Mitglied
Beiträge: 9
Registriert: 15.12.2005 06:34
Wohnort: Karlsruhe
Kontaktdaten:
Kontaktdaten von Abhishek-Rocks

Beitrag von Abhishek-Rocks »

Hallo

Ich habe das gleich versucht, geht aber auch nicht.
Anscheinend bin ich komplett unfähig!!

Die Overall hab ich nur gepostet weil ich-nrw einen Tipp gepostet hat, der mit der overall zu tun hatte.

Jetzt bin ich echt frustriert, dass ich das nicht hinbekomm. :-?

Grüße Angel
Nach oben
Benutzeravatar
ich-nrw
Mitglied
Beiträge: 561
Registriert: 06.05.2004 18:08

Beitrag von ich-nrw »

Markus67 hat geschrieben:Hi ...

was willst du denn mit der overall_header.tpl ?
weil es hier steht! :wink:
Markus67 hat geschrieben:Hi ...

Deine Stylesheets sind nicht aktiviert. :wink:

Suche in der overall_header.tpl

Code: Alles auswählen

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}
Nach oben
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:
Kontaktdaten von Markus67

Beitrag von Markus67 »

Hi ....

immer locker bleiben ... das biegen wir schon hin :wink:

Öffne nochmal die css-Datei und suche:

Code: Alles auswählen

textarea.postbg{background:#ffffff;border:1px solid #000000; 
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; 
background-image: url(templates/fisubgrey/images/john.jpg);}
ersetze mit:

Code: Alles auswählen

textarea.postbg{background:transparent;border:1px solid #000000; 
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; 
background-image: url(images/john.jpg);}
Markus
Nach oben
Abhishek-Rocks
Mitglied
Beiträge: 9
Registriert: 15.12.2005 06:34
Wohnort: Karlsruhe
Kontaktdaten:
Kontaktdaten von Abhishek-Rocks

Beitrag von Abhishek-Rocks »

Hallo

Nein geht leider auch nicht.

Aber ich finde es super das ihr euch so eine Mühe gebt.
Noch habe ich die Hoffnung nicht ganz aufgegeben....

Angel
Nach oben
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“