Probleme mit Syle

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.
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Probleme mit Syle

Beitrag von ThuGy »

Hallo,

also, hab ein paar Bugs in meinem phpBB Board und würde mich freuen wenn mir jemand behilflich sein könnte: Undzwar habe ich, da ich selber nicht coden kann einen Style genommen und dann die entsprechenden Bilder ersetzt so das ich eigenen Boardstyle passend zur Page habe. Jedoch hab ich ein paar Fehler die ich nicht alleine beheben kann:
1.
Das erste wäre die Buttons und der Rahmen um diese Teilers die sich öffnen. Lässt sich das irgendwo verändern?
[ externes Bild ]

2.
Die breite der inneren Tabelle ist auf der linken seite kleiner als auf der Rechten.
[ externes Bild ]

3.
Die Linie die eigentlich die Therads trennen sollte kann ich nicht umfärben.
[ externes Bild ]

4.
Der Rahmen bei den Iframes wo die Posts zu sehen sind will ich weg haben.
[ externes Bild ]

Wäre über Hilfe sehr dankbar, www.thug-reccords.com könnt ihr euch das noch anschauen. Hier der CSS Code:

Code: Alles auswählen

 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
 scrollbar-face-color:#282828;
 scrollbar-highlight-color:#212121;
 scrollbar-3dlight-color:#212121;
 scrollbar-darkshadow-color:#212121;
 scrollbar-shadow-color:#282828;
 scrollbar-arrow-color:#FFFFFF;
 scrollbar-track-color:#383838; 
 background-color:#0C0B09;				
 background-attachment:fixed;
 background-image:url ('images/bg_main.gif');
 background-repeat: repeat-x;
}

/* General font families for common tags */
font, th, td, p { font-family: Verdana; font-size: 10px; }
a:link, a:active, a:visited { color : #FFFFFF; font-size:10px; font-family:Verdana; text-decoration:none; font-weight:bold }
a:hover		{ text-decoration: none; color : #FF7800; }
hr	{ height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
/*
.bodyline	{ border: 1px #313131 solid; }
*/

/* This is the outline round the main forum tables */
.forumline	{ border: 2px solid #313131; }


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #212121; }
td.row2	{ background-color: #313131; }
td.row3	{ background-color: #212121; } 
td.menu {background-color: #FF0000; background-image: url('images/bg_menu.gif')}


/*
  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: #FF0000;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #FFFFFF; font-size: 10px; font-weight : bold;
	background-color: #303030; height: 25px;
	font-family:Verdana
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
	background-color:#303030; border: medium solid #FFFFFF; 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.thCornerL, th.thHead, th.thSides, th.thCornerR, th.thTop  {font-weight: bold; border: medium solid #FFFFFF; height: 28px; color:#FFFFFF; font-size:10px; font-family:Verdana }

th.thLeft {font-weight: bold; border: medium solid #FFFFFF; height: 28px; font-size:10px }
th.thRight {font-weight: bold; border: #FF0000; border-style: solid; height: 28px; }
th.thBottom {font-weight: bold; border: #343434; border-style: solid; height: 28px; }
td.row3Right{ background-color: #FFFFFF; border: medium solid #FFFFFF;  }
td.spaceRow {background-color: #313131;	border: 2px solid #FFFFFF; background-image:url('images/header_bg.gif'); background-repeat:repeat; background-attachment:fixed
}

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


/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1, h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #FFFFFF;
}


/* General text */
.gen { font-size : 10px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; font-family:Verdana; color:#FF0000 }
.gen, .genmed, .gensmall { color : #FFFFFF; }
a.gen, a.genmed, a.gensmall { color: #FFFFFF; text-decoration: none; }
a:hover.gen, a:hover.genmed, a:hover.gensmall	{ color: #FF7800; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu { 
		background-image: url('images/bg_menu.gif');
		background-repeat: repeat-x
}


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 10px ; letter-spacing: 1px; color : #FFFFFF;font-family:Verdana }
a.cattitle		{ text-decoration: none; color : #FFFFFF;font-size:10px; font-family:Verdana; font-weight:bold }
a:visited.cattitle { text-decoration: none; color : #FFFFFF; }
a:hover.cattitle{ text-decoration: none;font-family:Verdana; font-size:10px; color:#FF7800; font-weight:bold }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #FFFFFF; }
a.forumlink 	{ text-decoration: none; color : #FFFFFF;font-family:Verdana; font-size:10px }
a:visited.forumlink { text-decoration: none; color : #FFFFFF;font-size:10px; font-family:Verdana }
a:hover.forumlink { text-decoration: none; color : #FF7800;font-family:Verdana; font-size:10px }


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


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: normal; font-size: 10px; color : #FFFFFF;font-family:Verdana }
a:link.topictitle   { text-decoration: none; color : #FFFFFF;font-family:Verdana;font-size:10px }
a:visited.topictitle { text-decoration: none; color : #FFFFFF;font-family:Verdana; font-size:10px }
a:hover.topictitle	{ text-decoration: none; color : #FF7800;font-size:10px; font-family:Verdana }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 10px; color : #FFFFFF;font-family:Verdana}

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


/* The content of the posts (body of text) */
.postbody { font-size : 10px; color: #FFFFFF; font-family:Verdana}
a:link.postlink	{ text-decoration: underline; color : #FFFFFF }
a:visited.postlink { text-decoration: none; color : #FFFFFF; }
a:hover.postlink { text-decoration: none; color : #FF7800}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #FFFFFF;
	background-color: #343434; border: #141414; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 125%;
	background-color: #343434; border: #141414; 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: 10px; font-family: Verdana; color: #FFFFFF; letter-spacing: 1px}
.copyright2		{ font-size: 10px; font-family: Verdana; color: #FFFFFF; letter-spacing: 1px}
a.copyright		{ color: #FFFFFF; text-decoration: none; font-family:Verdana; font-size:10px; font-weight:bold}
a:hover.copyright { color: #FF7800; text-decoration: underline;}


/* Form elements */

select       { font-family: Verdana; font-size: 10px; color: #FFFFFF; background-color: 
               #212121 }
input.post
{
	border-style:dotted; border-width:1px; background-color : #212121;font-family:Verdana; font-size:10px; color:#FFFFFF
}

textarea.post
{
	border-style:dotted; border-width:1px; background-color : #212121;font-family:Verdana; font-size:10px; color:#FFFFFF

}


input { text-indent : 2px; font-size:10px; font-family:Verdana }

/* The buttons used for bbCode styling in message post */
input.button {
	border-left:1px solid #343434; border-top:1px solid #343434; border-bottom:1px solid #212121; background-color: #343434;
	color: #FFFFFF;
	font-size: 10px; font-family: Verdana; border-right-style:solid; border-right-color:#212121
}

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

/* None-bold submit button */
input.liteoption {
	background-color : #343434;
	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 { border-width:0px; background-color: #343434; border-style: inset;; font-family:Verdana; font-size:10px; color:#FFFFFF; background-image:url('images/bg_cat4.gif') }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Fangen wir mal mit den Buttons an :wink:
suche im Stylesheet

Code: Alles auswählen

/* None-bold submit button */
input.liteoption {
	background-color : #343434;
	font-weight : normal;
}
ersetze mit:

Code: Alles auswählen

/* None-bold submit button */
input.liteoption {
	color: #FFFFFF;
	background-color : #343434;
	font-weight : normal;
	border-width:0px;
}
Die Farben kannst du wie gewünscht ändern.

Markus
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

hallo markus67,

danke, jetzt ist der Los/Go Button fast wie ich haben wollte. Was muss ich angeben um einen 1 PX Rahmen Farbe #212121 hinzuzufügen?
Die Antwort/Vorschau Buttons sind jedoch wie vorher.

mfg

ThuGy
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Code: Alles auswählen

/* None-bold submit button */
input.liteoption {
	color: #FFFFFF;
	background-color : #343434;
	font-weight : normal;
	border-width:1px;
	border: #212121;
}
Für die Antworten und Vorschau-Buttons musst du den Eintrag hier genauso anpassen.

Code: Alles auswählen

/* The main submit button option */
input.mainoption {
	background-color : #343434;
	font-weight : bold;
}
Markus
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

hallo,

danke, hab es fast geschaft, nur der Rahmen kommt irgendwie nicht, hab es mal weiss gefärbt um es im Board zu sehen aber kommt trotzdem kein Rahmen:

Code: Alles auswählen

/* The main submit button option */
input.mainoption {
 color: #FFFFFF;
   background-color : #343434;
   font-weight : normal;
   border-width:1px;
   border: #FFFFFF; 
}

/* None-bold submit button */
input.liteoption {
   color: #FFFFFF;
   background-color : #343434;
   font-weight : normal;
   border-width:1px;
   border: #FFFFFF; 
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

jetzt aber :wink:

Code: Alles auswählen

/* None-bold submit button */ 
input.liteoption { 
   color: #FFFFFF; 
   background-color : #343434; 
   font-weight : normal; 
   border: #FFFFFF; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}
Markus
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

vielen dank, hat geklappt^^
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Dann zu Problem Nummer 2 :wink:

suche in der overall_header.tpl (das sind die letzten Zeilen)

Code: Alles auswählen

						<table width="750" border="0" cellspacing="0" cellpadding="5">
                            <tr>
                                <td>
ersetze mit:

Code: Alles auswählen

						<table width="100%" border="0" cellspacing="0" cellpadding="5">
                            <tr>
                                <td>

Markus
Benutzeravatar
ThuGy
Mitglied
Beiträge: 159
Registriert: 23.05.2005 22:07

Beitrag von ThuGy »

hey vielen dank auch für problem NR.2 , ist jetzt auch behoben :D
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

dann zu Nr. 3 :wink:

suche in der css-Datei

Code: Alles auswählen

/* This is the outline round the main forum tables */
.forumline	{ border: 2px solid #313131; }
ersetze mit

Code: Alles auswählen

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px solid #313131; }
FFFFFF kannst du anpassen :wink:

Markus
Antworten

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