Background achter forum

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
Gebruikersavatar
DennizZ
Berichten: 115
Lid geworden op: 11 feb 2005, 16:53
Locatie: In der Nähe
Contacteer:

Background achter forum

Bericht door DennizZ » 27 jun 2006, 19:20

Hoi mensen,
Ik wil dus een background als hier,
Achter de forums dus (daar staat een afbeelding van Shakira)
Ik wil voor elke catogorie een andere image.
Ik heb een straatvoetbal forum en nu wil ik bij veldvoetbal forums gras op de achtergrond en bij straatvoetbal gewoon steen.

Ik hoop dat iemand mij hier verder mee kan helpen,
Dennis.

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 27 jun 2006, 22:17

Dat kan je in je CSS file in .forumline veranderen, door een background-image daar neer ze zetten. ;)
Geeft geen support aan fora´s zonder copyright

Gebruikersavatar
XGE_Lithium
Berichten: 1278
Lid geworden op: 26 okt 2005, 19:28
Locatie: Heythuysen
Contacteer:

Bericht door XGE_Lithium » 27 jun 2006, 22:22

Wout -- w00t schreef:Dat kan je in je CSS file in .forumline veranderen, door een background-image daar neer ze zetten. ;)
Maar DennizZ wilt het graag per catagorie.
En in de algemene CSS is het toch voor het gehele forum?

Diedeman
Berichten: 8
Lid geworden op: 22 jun 2006, 15:58

Bericht door Diedeman » 28 jun 2006, 07:25

Wat moet je veranderen/aanpassen aan dit stukje code ?

Code: Selecteer alles

.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }
Thnx alvast :)

Gebruikersavatar
DennizZ
Berichten: 115
Lid geworden op: 11 feb 2005, 16:53
Locatie: In der Nähe
Contacteer:

Bericht door DennizZ » 28 jun 2006, 08:19

Diedeman schreef:Wat moet je veranderen/aanpassen aan dit stukje code ?

Code: Selecteer alles

.forumline	{ background-color: #FFFFFF; border: 2px #006699 solid; }
Thnx alvast :)

Code: Selecteer alles

.forumline	
{ 
background-image: url('XXX.jpg');
 border: 2px #006699 solid; }
Maargoed ik wil graag per catogorie.

Diedeman
Berichten: 8
Lid geworden op: 22 jun 2006, 15:58

Bericht door Diedeman » 28 jun 2006, 09:07

Dat doet het niet bij mij ? :roll:

Gebruikersavatar
Jan
Berichten: 1987
Lid geworden op: 30 mei 2006, 20:30
Locatie: De kelder van Dhr. J. Fritzl
Contacteer:

Re: Background achter forum

Bericht door Jan » 28 jun 2006, 09:20

DennizZ schreef:Hoi mensen,
Ik wil dus een background als hier,
Achter de forums dus (daar staat een afbeelding van Shakira)
Ik wil voor elke catogorie een andere image.
Ik heb een straatvoetbal forum en nu wil ik bij veldvoetbal forums gras op de achtergrond en bij straatvoetbal gewoon steen.

Ik hoop dat iemand mij hier verder mee kan helpen,
Dennis.
Zijn jullie daar nog steeds over bezig?? Dat doet me veel plezier :wink:

Gebruikersavatar
DennizZ
Berichten: 115
Lid geworden op: 11 feb 2005, 16:53
Locatie: In der Nähe
Contacteer:

Bericht door DennizZ » 28 jun 2006, 10:26

Haha, ik vind hem echt prachtig.
Een uniek staaltje werk.

Gebruikersavatar
DennizZ
Berichten: 115
Lid geworden op: 11 feb 2005, 16:53
Locatie: In der Nähe
Contacteer:

Bericht door DennizZ » 01 jul 2006, 07:14

Jammer, het zal altijd uniek blijven.

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 01 jul 2006, 10:20

Ik kan nergens in de code een achtergrond vinden die daar wordt weergeven, ik vraag mij dan ook af hoe dat gedaan is.
... Maar ik modereer (nog) niet.

Coen
Berichten: 5387
Lid geworden op: 03 aug 2004, 10:25

Bericht door Coen » 01 jul 2006, 11:25

Het zit ergens in de "forumline", want op elke pagina word deze weergegeven in de tabellen die als class "forumline" hebben... :roll:

Maar inderdaad, het is apart, aangezien er nergens iets voor in de code staat... :?

Gebruikersavatar
DennizZ
Berichten: 115
Lid geworden op: 11 feb 2005, 16:53
Locatie: In der Nähe
Contacteer:

Bericht door DennizZ » 07 jul 2006, 16:19

Ik heb het even gevraagd aan de beheerder,
Dit kwam eruit:
DennizZ schreef:How did you get that background images in your forumline
Are you speaking about semi-trasparent background with Shakira Images?
I've used an CSS combination code. This is the portion of code that make this effect:

Code: Selecteer alles

/* This is the outline round the main forum tables */

.forumline	{ border: 1px #845526 solid; background-image : url(http://digilander.libero.it/microaxel/forum/back_shaki.jpg);}

/* Main table cell colours and backgrounds */
td.row1	{background-image: url(http://digilander.libero.it/microaxel/forum/pixel01.gif);}

td.row2	{background-image : url(http://digilander.libero.it/microaxel/forum/pixel02.gif);}

td.row3	{background-image : url(http://digilander.libero.it/microaxel/forum/pixel03.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 {
		height: 28px;
		/*background-color: #D1D7DC;*/
		background-image : url(http://digilander.libero.it/microaxel/forum/cellpic2.gif);
		background-repeat : repeat-x;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: #845526; font-size: 11px; font-weight : bold;
	/*background-color: #845526;*/ height: 25px;
	background-image: url(http://digilander.libero.it/microaxel/forum/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(http://digilander.libero.it/microaxel/forum/cellpic2.gif);
			/*background-color:#D1D7DC;*/ border: #9E836E; border-style: solid; height: 28px;
}

td.catHeadMenu	{background-image : url(http://digilander.libero.it/microaxel/forum/cellpic2.gif); font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #845526}

/*
  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.row3Right{
	background-image : url(http://digilander.libero.it/microaxel/forum/pixel03.gif);
	/*background-color: #D1D7DC;*/ border: #9E836E; border-style: solid; }

td.spaceRow{ background-image :url(http://digilander.libero.it/microaxel/forum/pixel04.gif);
	border: #845526; border-style: solid; }
This thme code is base on SubSilver Theme. If you replace your class with my class on your css file you will get the same effect.
** Please, save pixel0X.gif and cellpicX.gif file on your own webspace **

Enjoy :ok[/quote]

Gesloten