Pagina 1 van 2
achtergrond plaatje?
Geplaatst: 26 nov 2004, 17:24
door Stefanx
weet iemand hoe ik een plaatje voor het forum achtergrod kan gebruiken?
Geplaatst: 26 nov 2004, 17:50
door Bee
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
aan toe voor de laatste haak ( } )
eventueel kan je dit ook nog veranderen in overall_header.tpl
Geplaatst: 26 nov 2004, 18:01
door thomashorst
je kan in je admin panel je template aanpassen. daar kan je als ik me niet vergist ook een achtergrond plaatje toevoegen.
Geplaatst: 30 nov 2004, 13:42
door Eminemzdogz
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
Geplaatst: 30 nov 2004, 14:13
door Bee
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.
Geplaatst: 30 nov 2004, 15:01
door Coen
@Bee:
Vanuit welke dir moet ik het plaatje aanroepen? Bijvoorbeeld vanuit:
forum/images/background.jpg of iets dergelijks?
Geplaatst: 30 nov 2004, 15:03
door thomashorst
dat kan waarschijnlijk gewoon van elke map
Geplaatst: 30 nov 2004, 15:08
door Coen
Ja dat snap ik, maar vanuit welke map moet ik uitgaan? De images map van mijn template o.i.d.?
Geplaatst: 30 nov 2004, 17:01
door Bee
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.
Geplaatst: 30 dec 2004, 20:55
door The Crow
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.
Geplaatst: 30 dec 2004, 21:33
door Bee
ja, daar hebben we ook iets voor
background-attachment: fixed;
Geplaatst: 30 dec 2004, 21:49
door The Crow
Dus dan word dit de code?
Code: Selecteer alles
background-image: url(linknaarhetplaatje); background-attachment: fixed;
Geplaatst: 30 dec 2004, 21:53
door ElbertF
Volgens mijn klopt het zo ja, mijn ervaring is wel dat het scrollen heel irritant gaat met gefixeerde achtergronden.
Geplaatst: 30 dec 2004, 21:57
door The Crow
Ik kijk wel ffies hoe dit gaat.
Geplaatst: 30 dec 2004, 22:42
door The Crow
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
Geplaatst: 30 dec 2004, 23:15
door Bee
je voegt het toe voor de } bij body
Geplaatst: 31 dec 2004, 17:01
door The Crow
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
Geplaatst: 21 mar 2005, 16:15
door Abbadon
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
Geplaatst: 21 mar 2005, 16:17
door Paul
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;
}
Geplaatst: 21 mar 2005, 16:31
door Abbadon
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?
