Subsilver "defekt" jetzt nur englisch und Logo

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
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Subsilver "defekt" jetzt nur englisch und Logo

Beitrag von Total_Blond »

Hallo,

mein Subsilver template war defekt, die buttons waren alle verzerrt, also habe ich es von phpbbhacks neu runterladen. Jetzt sind die Buttons alle nur Englisch. Vorher waren die Buttons auch auf Deutsch.

Woher bekomme ich die Buttons auf Deutsch? Oder die Originalversion?

Dann gibt es oben links das Bild von phbpp, wie bekomme ich das weg und kann dafür ein anderes Bild oder Logo einbinden? Könnte ich ein auch ein gif einsetzen?

Vielen Dank

Conny
d23
Mitglied
Beiträge: 132
Registriert: 28.01.2003 13:53

Beitrag von d23 »

hallo,

http://phpbb.de/download.php

hier findest du die patch files zum eindeutschen eines phpbbs.
lade einfach die dateien aus dem template verzeichnis innerhalb des archivs in das template verzeichnis auf deinem webspace.

mache davor aber auf jeden fall ein backup, für alle fälle :D

zu 2)

du kannst die grafik im header durch eine andere grafik (jpg,gif,png) ersetzen.
lade deine grafik in den ordner templates/subsilver/images

öffne dann die datei /templates/subsilver/overall_header.tpl

suche nach folgender zeile

Code: Alles auswählen

	<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td> 
ersetze "logo_phpBB.gif" durch den namen deiner grafik, achte dabei jedoch auf groß/kleinschreibung und verwende keine leerzeichen ;)
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Hurra !

Es hat geklappt ... :) Danke für den tolle Hilfe.

jetzt habe ich noch eine Frage. Und zwar habe ich ja neben dem Bild auch nach Robbie's Lost Sheep stehen. Wie kann ich die Schrift vergrössern und kann ich die Farbe auch noch ändern? Ich habe alles möglich in der css gefunden - nur das irgendwie nicht.

www.robbieshome.com/forum/index.php

Mhm beim eos css hat es geklappt die weisse Farbe zu ändern, irgendwie ändert sich bei subsilver nix

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

hier ändere ich doch die weisse Farbe (für den Hintergrund) ich habe chmod auf 777 gestellt und nix tut sich ... was habe ich jetzt wohl falsch gemacht?


Vielen Dank

Conny
d23
Mitglied
Beiträge: 132
Registriert: 28.01.2003 13:53

Beitrag von d23 »

hallo,

das musst du selber einstellen, was noch größeres hat phpbb da nicht zu bieten.

die einfachste möglichkeit ist, dass du dir eine eigene css - klasse anlegst.

öffne die datei /templates/subsilver/subsilver.css

füge am ende der datei ein:

Code: Alles auswählen

.ueberschrift_index {
 font-family: Verdana;
 font-size: 16px;
 font-weight: bold;
 font-style: italic;
 text-decoration: underline;
 text-align: center;
 color: #800000;
}
ich hab jetz einfach mal ein paar einfache möglichkeiten rein.

font-family definiert die schriftart (nimm eine der standardschriftarten, die jeder auf seinem rechner hat, ansonsten gibts probleme bei der anzeige)

font-size definiert die größe der schrift, da kannst du ein bißchen spielen (aber das px stehen lassen :-p )
font-weight / style / decoration stehen in meinem beispiel für fett, kursiv und unterstrichen. wenn du davon etwas nicht brauchst, dann nimm es raus ;)

text-align: center bedeutet, dass die schrift zentriert ist, und color ist eh klar, pass die farbe deinen wünschen nach an.

wenn das alles erledigt ist, öffne /templates/subsilver/overall_header.tpl

suche

Code: Alles auswählen

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>
füge davor dein eben angelegte css - klasse ein (und nur die)

dann suche

Code: Alles auswählen

<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
das <span class="maintitle"> ersetzt du durch <span class="ueberschrift_index">

speichern und fertig ;)

kleiner tipp am rande (musst du nicht machen, aber lohnt sich):

beim subsilver wird das css über die oberall_header.tpl mitgeladen, bzw der css quelltext befindet sich darin:
um das ganze etwas übersichtlicher zu machen:

öffne overall_header.tpl

lösche:

Code: Alles auswählen

<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: {T_BODY_BGCOLOR};
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover		{ text-decoration: underline; color : {T_BODY_HLINK}; }
hr	{ height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: {T_TD_COLOR2};
		background-image: url(templates/subSilver/images/{T_TH_CLASS3});
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
	background-color: {T_BODY_LINK}; height: 25px;
	background-image: url(templates/subSilver/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(templates/subSilver/images/{T_TH_CLASS1});
			background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle		{ text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink 	{ text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav			{ text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover		{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

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

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : {T_TD_COLOR1};
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : {T_TD_COLOR1};
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>
suche (in zeile 9)

Code: Alles auswählen

<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->   
ersetze durch:

Code: Alles auswählen

<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css">   
das ist auch der grund dafür, dass deine änderung am css wirkungslos war, da das css im template verzeichnis gar nicht verwendet wird ;)

btw: du hast das css auf chmod 777 gestellt ? wer hat dir das gesagt ?
das einzige, was beim phpbb chmod 777 haben sollte, ist das verzeichnis avatars... setz auf dem css bitte wieder chmod 644 ;)
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

:roll: den ganzen großen "Kladderatsch" löschen ??? :roll: Ein bischen Forum soll ja noch übrigen bleiben ??? :o

Du schreibst

Code:

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>


und dort die neue class einsetzen - das ist mir nicht ganz klar, das ganze dadurch ersetzen? Zwischen den Sternchen? bei @ oder bei style. Das habe ich auch nicht verstanden.

Du hast auch von Avataren gesprochen ...Tips wo ich gute finde, ich habe nur so komische VR dinger, das sind ja keine schönen.

Conny
Zuletzt geändert von Total_Blond am 10.06.2004 16:39, insgesamt 1-mal geändert.
d23
Mitglied
Beiträge: 132
Registriert: 28.01.2003 13:53

Beitrag von d23 »

vergleich mal den großen kladderadingsda :D mit dem inhalt der subsilver.css, das ist haargenau das gleiche.

momentan wird der forumstyle durch das große kladdera... *g* definiert, die css-datei wird nicht verwendet.
ich hab das so geschrieben, dass du dann die css datei verwendest, deswegen ist der kladderadingsda nicht mehr notwendig => weg damit

nein, du sollst es davor einsetzen

Code: Alles auswählen


hier einsetzen

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ 
usw...
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Hi

vielen Dank für die vielen tollen Hinweise. nachdem ich schon einiges so hinbekommen habe :)
Was die Änderung der Hintergrundfarbe betrifft, habe ich das nun überhaupt nicht verstanden. Vielleicht lasse ich das lieber. :(



Conny
d23
Mitglied
Beiträge: 132
Registriert: 28.01.2003 13:53

Beitrag von d23 »

hallo, das ist, wenn du jetzt das externe css file subsilver.css verwendest ganz einfach:

Code: Alles auswählen

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; } 
du musst nur noch hier deine hintergrundfarbe einstellen ;)
Total_Blond
Mitglied
Beiträge: 63
Registriert: 07.06.2004 12:08

Beitrag von Total_Blond »

Hurra

es hat geklappt.

Tausend Dank.

Conny
Antworten

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