Soda Tasting, an online show for those who love soda

Bookmark and Share

Add a wallpaper to background?

Receive help with the installation and customization of the appearance of your phpBB 3, including styles and graphics. This is also where style and graphic authors can develop new styles and graphics (please read the guidelines first) and discuss development in general.
Tutorials: Changing Your Logo | Fixing Missing Images in Your Style

Add a wallpaper to background?

Postby Al Twisted » August 12th 2008, 7:07 am

Maybe nto a hack but hwo would i edit my skin so it showed one image in the background behind the forum on my site..

http://forum.twistedandbrainfire.com
Al Twisted
New User
 
Posts: 24
Joined: April 21st 2005, 11:09 am

Postby Marian » August 12th 2008, 2:15 pm

In yourstyle/theme/stylesheet.css find:
Code: Select all
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

(or similar)

and add after:
Code: Select all
background-image: url('./images/imagename.gif');
Marian
Not So New User
 
Posts: 77
Joined: April 8th 2007, 8:58 am

Postby Al Twisted » August 13th 2008, 6:37 pm

i am looking here

/twistedandbrainfire.com/forum/styles/bo2Soft/template/

and i dont seem to have a file by that name :-s any ideas?
Al Twisted
New User
 
Posts: 24
Joined: April 21st 2005, 11:09 am

Postby Patrick » August 13th 2008, 10:00 pm

Hey Al Twisted,

Thanks for the question.

You'll want to look in twistedandbrainfire.com/forum/styles/bo2Soft/theme.

Thanks,

Patrick
User avatar
Patrick
Founder
 
Posts: 17427
Joined: May 11th 2001, 7:00 pm
Location: Harbinger, NC, U.S.A.

Postby abble CoSa NoStrA » August 14th 2008, 9:43 am

twistedandbrainfire.com/forum/styles/bo2Soft/theme/images/

;)
Styles phpBB3 on order :
Cosa Nostra Design
My new Buziness :
Pizzeria L' Olivier
User avatar
abble CoSa NoStrA
Well Known User
 
Posts: 190
Joined: December 14th 2006, 10:07 am
Location: France

Postby Al Twisted » August 14th 2008, 7:22 pm

great thanks - what patrick said worked. Will the page load in order? i.e. if i have a big backgounr image will the rest of th page load first or will it wait for this to happen.
Al Twisted
New User
 
Posts: 24
Joined: April 21st 2005, 11:09 am

Postby sp0k » April 28th 2012, 11:50 am

i know this is an old post but cant find a new post on this...how do i go about goin this to my forum?

my theme is DVGFX21

Code: Select all
body {
	background: #19191b url("./images/background.png") center repeat-y;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid transparent;
	color: #FFF;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	max-width: 1000px;
	margin: 0px auto;
	padding-bottom: 10px;
sp0k
New User
 
Posts: 10
Joined: April 22nd 2012, 1:37 am

Postby Thoul » April 28th 2012, 3:05 pm

I'm not familiar with that particular theme, but if that is part of the stylesheet from it, you would need to edit the background line. It looks like it is already using a background.png file, so you could replace that file with a new background image.
User avatar
Thoul
Admin/Webmaster
 
Posts: 18551
Joined: July 30th 2002, 11:30 am
Location: USA

Re:

Postby sp0k » May 9th 2012, 9:22 pm

Thoul wrote:I'm not familiar with that particular theme, but if that is part of the stylesheet from it, you would need to edit the background line. It looks like it is already using a background.png file, so you could replace that file with a new background image.



no that did not work.....

theme : Industrial-Revolution

can some one help me
here is my new site..it's closed but i can opening it ..if need to be
http://deep-water-reef.netii.net/index.php?style=19

Code: Select all
/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Industrial-Revolution
	Based on style:		subSilver (the default phpBB 2.0.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Tomo, AeonKINGS team( http://www.aeonkings.com/phpbb3/ )
    --------------------------------------------------------------
*/

@import url("borders.css");

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	background-color: #1f1f1f;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	width: 1000px;/*
	min-width: 650px;*/
	font-size: 62.5%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

#wrapcentre {
	margin-top: 15px;
	margin-bottom: 0;
}

#wrapfooter {
	text-align: center;
	clear: both;
}
#wrapfooters {
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
	background-image: url(images/logod.png);
	height: 98px;
	width: auto;
	padding-right: 25px;
	padding-left: 25px;
	background-repeat: repeat-x;
}

#menubar {
	background-image: url(images/menubar.png);
	height: 68px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: middle;
	text-align: center;
}

.menubar {
	padding-top: 22px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #333333;
	border-width: 1px;
	border-style: solid;
	border-color: #1D1D1D;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #A3A3A3;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	color: #1D1D1D;
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	color: #999999;
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}
#sb{
	background-image: url('./images/sb.png');
	height: 39px;
	margin-bottom: 5px;
}

p.searchbar {
	white-space: nowrap;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
	color: #BEAE7E;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: black;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
	color: #999999;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
	color: #999999;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	width: auto;
	margin-right: 10px;
	padding-right: 10px;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #CCCCCC;
	font-size: 1.1em;
	font-weight: bold;
	background-image: url('./images/th.png');
	white-space: nowrap;
	padding: 0px 5px;
	height: 26px !important;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #1e1e1e;
}


.tablebg td{
	margin: 0;
	padding: 0;
	border: 0;
}

.catdiv {
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #333333;
	background-image: url('./images/cat.png');
	text-indent: 4px;
}
.rtl .catdiv {
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #333333;
	background-image: url('./images/cat.png');
	text-indent: 4px;
}

.cat {
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #333333;
	background-image: url('./images/cat.png');
	text-indent: 4px;
}

.row1 {
	background-color: #181818;
	padding: 4px !important;
}

.row2 {
	background-color: #121212;
	padding: 4px !important;
}

.row3 {
	background-color: #181818;
	padding: 4px !important;
}

.spacer {
	background-color: #D1D7DC;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a:link {
	color: #A3A3A3;
	text-decoration: none;
}

a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	color: #EEEEEE;
	text-decoration: none;
}

a:active {
	color: #CCCCCC;
	text-decoration: none;
}

a.forumlink {
	color: #797979;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.forumlink:hover {
	color: #EEEEEE;
	text-decoration: none;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Verdana";
	font-size: 12px;
	color: #666666;
}

a.topictitle:visited {
	color: #A3A3A3;
	text-decoration: none;
}

a.topictitle:hover {
	color: #E2E2E2;
	text-decoration: none;
}

th a,
th a:visited {
	color: #A3A3A3 !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
	color: #EEEEEE;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323 !important;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	
}

textarea {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	padding: 2px;
}

select {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif !important;
	font-size: 1.1em !important;
	font-weight: normal !important;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323 !important;
	
}

.btnbbcode {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	
}

.btnmain {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	color: #999999 !important;
	border: 1px solid #000000 !important;
	background-color: #232323;
	
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	color: #999999 !important;
	border-width: 1px 1px 0 1px;
	background-color: #232323;
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-style: solid;
	border-color: #0F0F0F;
	color: #333333;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #4E565C;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #303030;
	color: #999999;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #0F0F0F;
	color: #999999;
	background-color: #232323;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #22292F;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #BFBFBF;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}


-- May 13th 2012, 2:32 pm --

i got it to work.....test it on my prosilver

what i did..to help someone

Code: Select all
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #828282;
	background-color: #FFFFFF;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
         background-image: url('http://i46.tinypic.com/21k9qgk.jpg');
        background-repeat:repeat-x;
        background-attachment:fixed;

}



i just put this code in
Code: Select all
 background-image: url('http://i46.tinypic.com/21k9qgk.jpg');
        background-repeat:repeat-x;
        background-attachment:fixed;


you can change the repeat from x to y if you like

good luck
sp0k
New User
 
Posts: 10
Joined: April 22nd 2012, 1:37 am

Re: Add a wallpaper to background?

Postby Midosoft » May 24th 2012, 1:50 pm

thanks a lot
Midosoft
New User
 
Posts: 7
Joined: May 24th 2012, 1:37 pm
Location: Dz

Next

Return to phpBB 3 Style and Design Support and Development

Who is online

Users browsing this forum: No registered users and 0 guests