How can I do this without fuding up all my .php files...

Started by MoreBloodWine, October 11, 2006, 09:26:47 PM

Previous topic - Next topic
Print
Go Down Pages1
User actions

MoreBloodWine

October 11, 2006, 09:26:47 PM
I wana make this a background on alot of my .PHP files but I wana do it so it doesnt messup the way the .PHP act / work... I just wana be able to add the code line to the top of every .PHP file "kinda like plug n' play" I wana use this as a background on but I wouldnt know how or where to begin to make the proper code for this to work. So can anyone help me ?
Want a sig like mine for your BTCGuild stats ? Then check this out: Spend-ur-Bits

Dannii

#1
October 11, 2006, 09:57:20 PM
Add it to your css file :) No need to touch PHP at all.
"Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise."

MoreBloodWine

#2
October 11, 2006, 10:27:43 PM Last Edit: October 11, 2006, 10:31:28 PM by MoreBloodWine
Quote from: eldʌkaː on October 11, 2006, 09:57:20 PM
Add it to your css file :) No need to touch PHP at all.

<BODY BACKGROUND="http://uotc.freeyellow.com/parch.jpg">

Ok I wouldnt know where to add the above background code / url so if you dont mind im gonna post both the .css files I have and if you could do / show me the placement for the background I'd appreciate it... Thx. Also if you do the placement for me please highlight it so I can see where you placed it for future references... Thx.

Edit : I want the background to be on every page you see when clicking links on this page... but given the light color of the "box's" what would I need to change to make the box lines black in color...

Style.css
Code Select
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, sans-serif;
font-size: 12px;
background-color: #f8f8f8;
line-height: 120%;
}

#header { padding: 0 50px; }
#header ul { right: 0; }
* html #header ul { right: 50px; }
#breadcrumbs { padding: 0 50px; }
#content { padding: 0 50px; }
#footer { padding: 0 20px; margin: 0 50px; }

#header div, #content, #breadcrumbs div, #footer, #main-feature .feature-contents {
max-width: 900px; margin: 0 auto;
}
#header div { position: relative; }

/* header */

#header {
height: 38px;
position: relative;
border-bottom: 1px solid #A1A6B1;
background: #33415D url("_templates/ndkp40/images/header-background.png") top repeat-x;
z-index: 1;
}

#header h1 { margin: 0; }
#header h1 img {
font-weight: bold;
color: #7f7c45;
}
#header ul {
padding: 0;
margin: 0;
list-style: none;
border-left: 1px solid #576178;
border-right: 1px solid #1f2635;
position: absolute;
top: 0;
}
#header li {
float: left;
padding: 0;
margin: 0;
}
#header ul a:link, #header ul a:visited {
display: block;
float: left;
padding: 10px 15px;
text-decoration: none;
border-right: 1px solid #576178;
border-left: 1px solid #1f2635;
color: #dee0e5;
height: 36px;
voice-family: "\"}\"";
voice-family: inherit;
height: 16px;
} #ignored {}

#header ul li a:hover {
background: #475470 url("_templates/ndkp40/images/header-hover.jpg") bottom repeat-x;
color: #fff;
text-decoration: underline;
}
/* breadcrumbs */

#breadcrumbs {
background: #F7F8F8 url("_templates/ndkp40/images/breadcrumbs-background.png") bottom repeat-x;
padding-top: 4px;
padding-bottom: 30px;
font-size: 85%;
color: #999;
height: 18px;
}
#breadcrumbs a:link,
#breadcrumbs a:visited {
color: #666;
}
#breadcrumbs a:hover,
#breadcrumbs a:active {
color: #333;
}
#breadcrumbs .linklines {
float: left;
}
#breadcrumbs .searchbox {
height: 18px;
float: right;
}
#breadcrumbs .searchtext {
width: 150px;
height: 15px;
font-family: georgia, times, serif;
float: right;
}
#breadcrumbs .searchsubmit {
font-family: georgia, times, serif;
border: 1px #000 outset;
background-color: #33415D;
width: 24px;
font-size: 11px;
color: #fff;
float: right;
height: 16px;
margin-left: 2px;
clear: right;
}
/* content */
#content {
background: #fff;
}
#mainpage {
max-width: 800px;
margin: auto;
border: solid thin #ddd;
}
#maincontent {
width: 550px;
padding-left: 10px;
padding-right: 10px;
border-right: solid thin #ddd;
}
#maincontent .content {
width: 540px;
margin: auto;
border: solid thin #ddd;
}
#maintable {
width: 540px;
padding-left: auto;
padding-right: auto;
padding-top: 10px;
}
#smalltable {
width: 420px;
padding-left: auto;
padding-right: auto;
padding-top: 10px;
}
#maintable td.subtitle {
}
#maintable td.Hd {
color: #556677;
font-family: georgia, times, serif;
font-size: 120%;
font-weight: bold;
padding-bottom: 8px;
}
#maintable td.item {
padding: 2px;
text-align: left;
border: none;
color: #000;
text-align: left;
font-family: verdana, sans-serif;
font-size: 10px;
line-height: 110%;
padding: 0px;
}
#maintable td.item a:link a:visited {
color : #33415D;
font-family: georgia, times, serif;
font-size: 10px;
font-size: 110%;
padding-bottom: 8px;
border-bottom: thin solid #ddd;
}
#maintable td {
padding: 2px;
text-align: left;
border: none;
color: #000;
text-align: left;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 120%;
padding: 0px;
}
#maintable td a {
text-decoration: none;
}
#maintable select, input {
font-family: Verdana;
font-size: 11px;
color: #33415D;
border: thin solid #33415D;
}
#notes {
color: #556677;
font-family: georgia, times, serif;
font-size: 90%;
font-style: italic;
line-height: 28px;
}
h1, .titles {
color: #556677;
font-family: georgia, times, serif;
font-size: 120%;
font-weight: bold;
padding-bottom: 8px;
}
.class {
font-size: 110%;
font-weight: bold;
}
.class a {
text-decoration: none;
}
.break {
clear: both;
width: 200px;
height: 20px;
margin-bottom: 8px;
}
#rightcontent {
width: 250px;
float: right;
}
#rightcontent hr {
width: 200px;
color: #ddd;
margin: 8px auto;
}
#rightcontent h1 {
color: #556677;
font-family: georgia, times, serif;
font-size: 15px;
font-weight: bold;
padding-bottom: 8px;
}
#rightcontent p {
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 13px;
padding: 3px;
color: #000;
}
#rightcontent .news {
width: 240px;
color: #000;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 110%;
padding: 3px;
border: thin solid #ddd;
}
#rightcontent .news p {
font-size: 12px;
line-height: 110%;
padding: 3px;
}
#rightcontent .news .newstitle {
font-weight: bold;
color : #33415D;
}
#rightcontent .news .byline {
padding-left: 80px;
font-size: 11px;
}

/* calendar */
.main {
width: 240px;
border: thin solid #ddd;
margin: auto;
}
.month {
background-color: white;
font:bold 12px verdana;
color: black;
padding: 3px;
}

.daysofweek {
font:bold 10px verdana;
color: black;
}

.days {
font-size: 10px;
font-family:verdana;
color:black;
background-color: white;
padding: 2px;
}

.days #today {
font-weight: bold;
background-color: #ddd;
color: red;
}
span.today {
font-weight: bold;
background-color: #ddd;
color: red;
}
span.today a {
font-weight: bold;
background-color: #ddd;
color: red;
}
.days #today.a {
font-weight: bold;
background-color: #ddd;
text-decoration: none;
}
.days a {
text-decoration: none;
color: inherit;
}
.days a:hover {
text-decoration: none;
background-color: #ddd;
}
.nurfedNeg {
color: #FF0000;
}
.nurfedPos {
color: #33cc33;
}
.attNeg {
color: #ff6666;
}
.attPos {
color: #33cc33;
}
.attBal {
color: #999999;
}
#text {
width: 500px;
height: 450px;
margin: 0;
color: #000;
text-align: left;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 120%;
padding: 0px;
}
#text a:link, #text a:visited ,#smalltable a:link, #smalltable a:visited, a:link, a:visited {
color : #33415D;
font-family: verdana, arial, helvetica, sans-serif;
font-size:13px;
text-decoration: none;
}
#text a:hover, #smalltable a:hover, a:hover {
color: #336699;
text-decoration: none;
}
#text h1, #smalltable td.Hd {
color: #556677;
font-family: georgia, times, serif;
font-size: 15px;
font-weight: bold;
border-bottom: thin solid #556677;
padding-bottom: 8px;
}
.overflow {
overflow: auto;
width: 500px;
height: 350px;
}

.padside {
padding-right: 60px;
}
.pad {
padding: 30px;
}
.links {
width: 100%;
position: absolute; bottom: 0px; left: 0px;
padding: 0px;
text-align: center;
height: 35px;
}
#fulltext {
width: 500px;
height: 400px;
margin: 0;
color: #000;
text-align: left;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 120%;
padding: 0px;
}
#fulltext a:link, #fulltext a:visited ,#smalltable a:link, #smalltable a:visited, a:link, a:visited {
color : #33415D;
font-family: verdana, arial, helvetica, sans-serif;
font-size:13px;
text-decoration: none;
}
#fulltext a:hover, #smalltable a:hover, a:hover {
color: #336699;
text-decoration: none;
}
#fulltext h1, #smalltable td.Hd {
color: #556677;
font-family: georgia, times, serif;
font-size: 15px;
font-weight: bold;
border-bottom: thin solid #556677;
padding-bottom: 8px;
}
.fulloverflow {
overflow: auto;
width: 500px;
height: 600px;
}
/* item Colors */
.myPurple {
color: #A335EE;
size: 9pt;
font-weight: bold;
}
.myTable {
color: #FFFFFF;
size: 9pt;
font-weight: normal;
}
.myBlue {
color: #0070DD;
font-weight: bold;
}
.myGreen {
color: #00FF00;
}
/* Item Spans */
#wrapper {
position: relative;
z-index: 100;
}
#wrapper1 {
position: relative;
top: 0px;
left: 0px;
z-index: 100;
}
#wrapper2 {
position: absolute;
z-index: 100;
}
.transparent {
background-color: #382D32;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}
#footer {
height: 38px;
border-top: 1px solid #A1A6B1;
margin-top: 100px;
text-align: center;
padding-top: 8px;
}
/* Admin Menu */
#menuContainer .menuHigh {
background: transparent url(images/list-off.gif) left center no-repeat;
font-family: georgia, times, serif;
font-size: 110%;
font-weight: bold;
color : #33415D;
border-bottom: thin solid #ddd;
padding-bottom: 8px;
padding-left: 10px;
}
#menuContainer ul {
list-style-type: none;
text-align: left;
}
#menuContainer .menuLow {
background: transparent url(images/list-off.gif) left center no-repeat;
padding-left: 15px;
padding-top: 8px;
text-align: left;
font: normal 12px verdana, sans-serif;
text-decoration: none;
color: #382D32;
}
#menuContainer ul li a {
background: transparent url(images/list-off.gif) left center no-repeat;
text-align: left;
font: normal 12px verdana, sans-serif;
text-decoration: none;
color: #382D32;
}

#menuContainer ul li a:hover {
background: transparent url(images/list-on.gif) left center no-repeat;
color: #999;
}

#menuContainer ul li a#current {
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}
span.alpha a {
font-size: 8px;
}


Style2.css
Code Select
BODY   { margin: 0px; }
A:link    { color: #FFB019; font-weight: bold; }
A:active  { color: #FFB019; font-weight: bold; }
A:visited { color: #B1B1B1; font-weight: bold; }
A:hover   { color: white;   font-weight: bold; }
span.grey { font-family: Arial,Helvetica,Sans-Serif; color: #A0A1A3; font-size: 9pt; }
span   { font-family: Arial,Helvetica,Sans-Serif; color: #CCCCCC; font-size: 9pt; }
span.lite { font-family: Arial,Helvetica,Sans-Serif; color: #F0E7BE; font-size: 9pt; }
small   { font-family: Arial,Helvetica,Sans-Serif; color: #D7CEA4; font-size: 8pt; }
small.gold{ font-family: Arial,Helvetica,Sans-Serif; color: #C4C4C4; font-size: 8pt; }
B   { color: #E2D9B0; font-weight: bold; }
B.white   { color: #ffffff; font-weight: bold; }
span.red  { color: red; }
#header        { COLOR: white; FONT-WEIGHT: bold; FONT-VARIANT: small-caps; TEXT-DECORATION: none; LETTER-SPACING: 4px;}
span.blue { font-family: Arial,Helvetica,Sans-Serif; color:#00C0FF; font-size: 10pt; }
span.mvp { font-family: Arial,Helvetica,Sans-Serif; color:#A7BFD8; font-size: 10pt; }
input.button { background-color: transparent; border-style: none; }
.calendarDayHeading { width: 110px; height: 30px; color: FFFFFF; text-align: center; font-family: tahoma; font-weight: bold; background-image:url('images/day.jpg');}
.calendarCell { width: 110px; height: 100px; vertical-align: top; color: dddddd; font-family: tahoma; font-weight: bold;}
Want a sig like mine for your BTCGuild stats ? Then check this out: Spend-ur-Bits

Dannii

#3
October 11, 2006, 11:59:29 PM
Add the following to either style sheet:

Code Select
body { background: url('http://uotc.freeyellow.com/parch.jpg'); }
"Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise."

MoreBloodWine

#4
October 12, 2006, 12:12:26 AM
Quote from: eldʌkaː on October 11, 2006, 11:59:29 PM
Add the following to either style sheet:

Code Select
body { background: url('http://uotc.freeyellow.com/parch.jpg'); }

Worked like a charm but now I have a slight problem I dont know how to fix... well its not really a problem but more of a color issue... if you go to this site you'll see theres light blueish lines that form boxes around alot of stuf and some lines hat just divide stuff... with the new background theses lines are almost invisible which you can see by clicking this what do I need to add / change to mage the lines / boxes black in nature so they "show up" hopw this makse sense... if you need to please refer to the above .css files , Thx
Want a sig like mine for your BTCGuild stats ? Then check this out: Spend-ur-Bits

Dannii

#5
October 12, 2006, 09:10:49 AM
Well try changing the various borders in your style sheets to have a black colour rather than whatever they have now. I don't see the problem you described though.
"Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise."

MoreBloodWine

#6
October 12, 2006, 01:51:06 PM
Quote from: eldʌkaː on October 12, 2006, 09:10:49 AM
Well try changing the various borders in your style sheets to have a black colour rather than whatever they have now. I don't see the problem you described though.
This is what I'm talking about... I havent looked into the .css files yet to se if maybe I can figure out what to change but use this as a reference forwhat your "not" seeing... sure the text and information in the images is different but you will see what I'm talking about when I say the borders / boxes cant be seen to great with the background...

Want a sig like mine for your BTCGuild stats ? Then check this out: Spend-ur-Bits

Dannii

#7
October 12, 2006, 09:23:16 PM
Ahok I see that now. Try the following:
Code Select
.news {border: 1px solid #000;}
"Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise."

MoreBloodWine

#8
October 12, 2006, 09:35:39 PM Last Edit: October 12, 2006, 09:51:22 PM by MoreBloodWine
Quote from: eldʌkaː on October 12, 2006, 09:23:16 PM
Ahok I see that now. Try the following:
Code Select
.news {border: 1px solid #000;}
Where do I add this in the .css file(s) or what do I replace with that in the .css file(s)

Edit : The bordes if that what you wana call em arent just around news theyre around alot of other stuff to... so i wana be able to edit them all to show up as black the news is just what I took as an examply to limit the size of the pic to something small...
Want a sig like mine for your BTCGuild stats ? Then check this out: Spend-ur-Bits

MoreBloodWine

#9
October 13, 2006, 01:31:49 AM
Problem solved and I did it on my own soto speak hehe.. guess rustration pays off in the sense that when you get pi**ed off enough you tend to dig as deep as you can go into things lol
Want a sig like mine for your BTCGuild stats ? Then check this out: Spend-ur-Bits

Print
Go Up Pages1
User actions
Advertisement: