achtergrond plaatje?

Stefanx · Bericht door **Stefanx** » 26 nov 2004, 17:24

weet iemand hoe ik een plaatje voor het forum achtergrod kan gebruiken?

Bee · Bericht door **Bee** » 26 nov 2004, 17:50

Je kan het op twee manieren doen, maar beide komen op hetzelfde neer.

Open templates/jetemplate/jetemplate.css (verander eventueel naam)

Zoek

Code: Selecteer alles

body {
	background-color: #E5E5E5;
	scrollbar-face-color: #E2E5E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E6E9EC;
	scrollbar-3dlight-color: #D9DADA;
	scrollbar-arrow-color:  #515151;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #B2B2B2;
}

(of iets erop lijkend)

en voeg daar

Code: Selecteer alles

background-image: url(linknaarhetplaatje);

aan toe voor de laatste haak ( } )

eventueel kan je dit ook nog veranderen in overall_header.tpl

thomashorst · Bericht door **thomashorst** » 26 nov 2004, 18:01

je kan in je admin panel je template aanpassen. daar kan je als ik me niet vergist ook een achtergrond plaatje toevoegen.

Eminemzdogz · Bericht door **Eminemzdogz** » 30 nov 2004, 13:42

thomashorst schreef:je kan in je admin panel je template aanpassen. daar kan je als ik me niet vergist ook een achtergrond plaatje toevoegen.

Dat klopt.. maar bij mij werkt die functie nooit

maar 't zou idd wel moeten kunnen

Bee · Bericht door **Bee** » 30 nov 2004, 14:13

Eminemzdogz schreef:
thomashorst schreef:je kan in je admin panel je template aanpassen. daar kan je als ik me niet vergist ook een achtergrond plaatje toevoegen.
Dat klopt.. maar bij mij werkt die functie nooit maar 't zou idd wel moeten kunnen

Het werkt alleen als er gebruik wordt gemaakt van een stylesheet in overall_header.tpl, en daar dan ook nog variabelen in worden gebruikt. Zoals in subSilver wordt gebruikt.

Coen · Bericht door **Coen** » 30 nov 2004, 15:01

@Bee:
Vanuit welke dir moet ik het plaatje aanroepen? Bijvoorbeeld vanuit: forum/images/background.jpg of iets dergelijks?

thomashorst · Bericht door **thomashorst** » 30 nov 2004, 15:03

dat kan waarschijnlijk gewoon van elke map

Coen · Bericht door **Coen** » 30 nov 2004, 15:08

Ja dat snap ik, maar vanuit welke map moet ik uitgaan? De images map van mijn template o.i.d.?

Bee · Bericht door **Bee** » 30 nov 2004, 17:01

Prophecy schreef:@Bee:
Vanuit welke dir moet ik het plaatje aanroepen? Bijvoorbeeld vanuit: forum/images/background.jpg of iets dergelijks?

Dat weet ik eigenlijk niet zo exact. Ik zou zeggen, probeer beide mogelijkheden, en meld het daarna even.

The Crow · Bericht door **The Crow** » 30 dec 2004, 20:55

Ik heb hier ook een vraag over,
Hoe kan je een achtergrond statisch maken dat je we het forum scrollt, maar het plaatje blijft staan.
Het is voor fisubice.

Bee · Bericht door **Bee** » 30 dec 2004, 21:33

ja, daar hebben we ook iets voor

background-attachment: fixed;

The Crow · Bericht door **The Crow** » 30 dec 2004, 21:49

Dus dan word dit de code?

Code: Selecteer alles

background-image: url(linknaarhetplaatje); background-attachment: fixed;

ElbertF · Bericht door **ElbertF** » 30 dec 2004, 21:53

Volgens mijn klopt het zo ja, mijn ervaring is wel dat het scrollen heel irritant gaat met gefixeerde achtergronden.

The Crow · Bericht door **The Crow** » 30 dec 2004, 21:57

Ik kijk wel ffies hoe dit gaat.

The Crow · Bericht door **The Crow** » 30 dec 2004, 22:42

Ik kan het niet voor elkaar krijgen.
Kan iemand het in de css plaatsen zodat ik het alleen kan uploaden?
Hier is de css:

Code: Selecteer alles

/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz  - http://www.forumimages.com - last updated 26-06-03 */

/* The content of the posts (body of text) */
body{background:#c6d3e4;color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#d1d7dc;
scrollbar-arrow-color:#006699;
scrollbar-darkshadow-color:#98aab1;
scrollbar-face-color:#dee3e7;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#dee3e7;
scrollbar-track-color:#efefef}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}

/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#32475f;text-decoration:none}
a:hover{color:#839fbc;text-decoration:underline}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#496687}
a.topictitle:hover{color:#839fbc}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weight: bold}

hr{border: 0px solid #ffffff;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat{font-weight:bold;letter-spacing:1px;color:#516a88;background:#d9e2ec url(images/cellpic1.gif);
height:29px;text-indent:4px}

/* Main table cell colours and backgrounds */
.row1{background:#f4f6fb}
.row2,.helpline{background:#e1e9f2}
.row3{background:#d7e2ef}
td.spacerow{background:#cad9ea}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{background:url(images/cellpic2.jpg) #ffffff repeat-y}

/* Table Header cells */
th{background:#c6d3e4 url(images/cellpic3.gif);color:#516a88;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

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

/* This is the outline round the main forum tables */
.forumline{background:#c6d3e4;border:1px solid #486386}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#839fbc}

.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{font-size:12px;line-height:125%}

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

/* Quote blocks */
.quote{background:#fafafa;border:1px solid #d1d7dc;color:#444444;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#fafafa;border:1px solid #d1d7dc;color:#006600;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#add8e6;border:1px solid #000000}

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

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

select{background:#ffffff;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}

input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}
input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}
input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg{background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;background: #b0c4d8 url(images/cellpic_nav.gif) repeat-x;
height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 0px 1px 0px}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ff0000}
.mod,a.mod,a.mod:visited{color:#006600}
a.admin:hover,a.mod:hover{color:#839fbc}

/* Specify the space around images */
.imgtopic,.imgicon{margin-left:3px}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}

Alvast bedankt

Bee · Bericht door **Bee** » 30 dec 2004, 23:15

je voegt het toe voor de } bij body

The Crow · Bericht door **The Crow** » 31 dec 2004, 17:01

Thnx het is gelukt.
Was een stomme vergissing die ik maakte waardoor het niet werkte, vergat de http:// ervoor te zetten

Maar het werkt iig

Abbadon · Bericht door **Abbadon** » 21 mar 2005, 16:15

Ik heb ook geprobeerd een plaatje in mijn achtergrond te krijgen maar het werkte niet?. Wat het ik fout gedaan hierbij de code die ik gebruikte:

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-image: http://www.eurhome.nl/phpBB2/templates/ ... urhome.jpg; background-attachment: fixed;
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

Groeten

Bericht door **Paul** » 21 mar 2005, 16:17

Ik dacht (Met mij lage css kennis) dat het zo was:

Code: Selecteer alles

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-image: url(http://www.eurhome.nl/phpBB2/templates/subSilver/images/BackgroundEurhome.jpg); background-attachment: fixed;
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

Abbadon · Bericht door **Abbadon** » 21 mar 2005, 16:31

paulus schreef:Ik dacht (Met mij lage css kennis) dat het zo was:

Code: Selecteer alles

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-image: url(http://www.eurhome.nl/phpBB2/templates/subSilver/images/BackgroundEurhome.jpg); background-attachment: fixed;
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

Hmmm geprobeerd maar ik zie de achtergrond afbeelding nog steeds niet? moet ik nog iets anders aanpassen of is de locatie van de afbeelding mischien niet goed?