1
Ändra Header på Fuskbugg
Postat av OverMyHead den 23 Augusti 2009, 00:24
19 kommentarer · 117 träffar
Tja. La upp en tråd igår och undrade hur man bytte headern på fragbite här.
Nu vill jag ändra header på fuskbugg
Har en bild redo och allt.
Använder Stylish tillägget till firefox och har hittat vad jag tror är cssmallen ( Att kalla mig noob på css/php/html/whatever är en överdrift)
{
margin: 0;
color: #ccc;
background: #e8e6e7;
font-size: 10px;
font-family: "Trebuchet MS";
}
* {
margin: 0;
padding: 0;
}
a {
color: #ff4c96;
}
/* BODY FORMING */
#container {
margin: 0 auto;
width: 559px;
height: auto;
background: url(cute/bg.jpg) top center repeat-y;
}
#container-gmail {
width: 867px;
margin: 0 auto;
height: auto;
background: url(cute/wide_gmail_bg.jpg) top center repeat-y;
}
/* HEADERS */
#header {
width: 559px;
height: 218px;
background: url(cute/header.jpg) top center no-repeat;
}
#header-slim {
width: 559px;
height: 135px;
background: url(cute/eyes_header.jpg) top center no-repeat;
}
#header-gmail {
width: 867px;
height: 218px;
background: url(cute/wide_gmail_header.jpg ) top center no-repeat;
}
#header p {
font-size: 10px;
font-family:"Trebuchet MS";
color: #999;
width: 110px;
text-align: center;
margin-left: 260px;
padding-top: 5px;
}
/* ANNONSER */
#ad-right-top {
position: absolute;
padding: 6px;
width: 165px;
height: 368px;
margin-left: 515px;
background: url(cute/annons.jpg) top left no-repeat;
margin-top: 119px;
}
/* NAVIGATION */
#navcontainer {
width: 383px;
height: 28px;
margin-left: 84px;
padding: 0;
}
/* HOME */
#home {
width: 559px;
}
#home .gmail {
width: 867px;
}
#home .img {
border: 4px solid #e2f5fc;
}
#home .box {
height: 241px;
}
/* UPLOAD BOX */
#uploadbox {
padding-left: 100px;
background: url(cute/box/upload.jpg) center no-repeat;
height: 182px;
color: #999;
}
#uploadbox b {
color: #666;
}
#uploadbox form {
margin: 0;
padding: 0;
}
/**/
#home .content {
width: 385px;
margin-left: 50px;
color: #787878;
font-size: 11px;
}
#home .content p {
margin-top: 5px;
margin-bottom: 5px;
line-height: 18px;
width: auto;
margin-left: 35px;
}
#home .content h1 {
/* TITLE */
color: #666;
font-family: Verdana;
font-size: 14px;
background: url(cute/icons/comment.png) center left no-repeat;
padding-left: 18px;
margin-left: 32px;
}
#home .content .clean {
/* TITLE */
color: #666;
font-family: Verdana;
font-size: 14px;
background: transparent;
padding-left: 0;
margin-left: 32px;
}
#home .content .meta {
text-align: right;
font-size: 10px;
background: #fff5f8;
padding-right: 5px;
}
#home .content .meta a {
color: #c4c4c4;
text-decoration: underline;
}
/* END HOME */
/* FOOTER */
#footer {
background: url(cute/footer.jpg) #e8e7e7 top center no-repeat;
height: auto;
width: 559px;
margin: 0 auto;
text-align: right;
font-size: 10px;
font-family: "Trebuchet MS";
color: #cccacb;
padding-top: 15px;
}
#footer-gmail {
width: 867px;
background: url(cute/wide_gmail_footer.jpg ) #e8e7e7 top center no-repeat;
height: auto;
margin: 0 auto;
text-align: right;
font-size: 10px;
font-family: "Trebuchet MS";
color: #cccacb;
padding-top: 15px;
}
#footer p {
margin-top: 3px;
margin-right: 57px;
}
#footer-gmail p {
margin-top: 3px;
margin-right: 57px;
}
#footer .supported {
margin-top: 0px;
}
#footer p a {
text-decoration: underline;
color: #cccacb;
margin-bottom: 0;
}
#footer p img {
margin: 0;
padding:0;
margin-bottom: -3px;
Jag la in det i stylish och lyckades ändra färgen runt om bilden man har ladda upp så det ser ut såhär:
http://data.fuskbugg.se/skalma n01/fuskbuggstylsih.JPG
Men hur ändrar man headern
Borde ju vara någonstans här
/* HEADERS */
#header {
width: 559px;
height: 218px;
background: url(cute/header.jpg) top center no-repeat;
}
#header-slim {
width: 559px;
height: 135px;
background: url(cute/eyes_header.jpg) top center no-repeat;
}
Nu vill jag ändra header på fuskbugg
Har en bild redo och allt.
Använder Stylish tillägget till firefox och har hittat vad jag tror är cssmallen ( Att kalla mig noob på css/php/html/whatever är en överdrift)
{
margin: 0;
color: #ccc;
background: #e8e6e7;
font-size: 10px;
font-family: "Trebuchet MS";
}
* {
margin: 0;
padding: 0;
}
a {
color: #ff4c96;
}
/* BODY FORMING */
#container {
margin: 0 auto;
width: 559px;
height: auto;
background: url(cute/bg.jpg) top center repeat-y;
}
#container-gmail {
width: 867px;
margin: 0 auto;
height: auto;
background: url(cute/wide_gmail_bg.jpg) top center repeat-y;
}
/* HEADERS */
#header {
width: 559px;
height: 218px;
background: url(cute/header.jpg) top center no-repeat;
}
#header-slim {
width: 559px;
height: 135px;
background: url(cute/eyes_header.jpg) top center no-repeat;
}
#header-gmail {
width: 867px;
height: 218px;
background: url(cute/wide_gmail_header.jpg ) top center no-repeat;
}
#header p {
font-size: 10px;
font-family:"Trebuchet MS";
color: #999;
width: 110px;
text-align: center;
margin-left: 260px;
padding-top: 5px;
}
/* ANNONSER */
#ad-right-top {
position: absolute;
padding: 6px;
width: 165px;
height: 368px;
margin-left: 515px;
background: url(cute/annons.jpg) top left no-repeat;
margin-top: 119px;
}
/* NAVIGATION */
#navcontainer {
width: 383px;
height: 28px;
margin-left: 84px;
padding: 0;
}
/* HOME */
#home {
width: 559px;
}
#home .gmail {
width: 867px;
}
#home .img {
border: 4px solid #e2f5fc;
}
#home .box {
height: 241px;
}
/* UPLOAD BOX */
#uploadbox {
padding-left: 100px;
background: url(cute/box/upload.jpg) center no-repeat;
height: 182px;
color: #999;
}
#uploadbox b {
color: #666;
}
#uploadbox form {
margin: 0;
padding: 0;
}
/**/
#home .content {
width: 385px;
margin-left: 50px;
color: #787878;
font-size: 11px;
}
#home .content p {
margin-top: 5px;
margin-bottom: 5px;
line-height: 18px;
width: auto;
margin-left: 35px;
}
#home .content h1 {
/* TITLE */
color: #666;
font-family: Verdana;
font-size: 14px;
background: url(cute/icons/comment.png) center left no-repeat;
padding-left: 18px;
margin-left: 32px;
}
#home .content .clean {
/* TITLE */
color: #666;
font-family: Verdana;
font-size: 14px;
background: transparent;
padding-left: 0;
margin-left: 32px;
}
#home .content .meta {
text-align: right;
font-size: 10px;
background: #fff5f8;
padding-right: 5px;
}
#home .content .meta a {
color: #c4c4c4;
text-decoration: underline;
}
/* END HOME */
/* FOOTER */
#footer {
background: url(cute/footer.jpg) #e8e7e7 top center no-repeat;
height: auto;
width: 559px;
margin: 0 auto;
text-align: right;
font-size: 10px;
font-family: "Trebuchet MS";
color: #cccacb;
padding-top: 15px;
}
#footer-gmail {
width: 867px;
background: url(cute/wide_gmail_footer.jpg ) #e8e7e7 top center no-repeat;
height: auto;
margin: 0 auto;
text-align: right;
font-size: 10px;
font-family: "Trebuchet MS";
color: #cccacb;
padding-top: 15px;
}
#footer p {
margin-top: 3px;
margin-right: 57px;
}
#footer-gmail p {
margin-top: 3px;
margin-right: 57px;
}
#footer .supported {
margin-top: 0px;
}
#footer p a {
text-decoration: underline;
color: #cccacb;
margin-bottom: 0;
}
#footer p img {
margin: 0;
padding:0;
margin-bottom: -3px;
Jag la in det i stylish och lyckades ändra färgen runt om bilden man har ladda upp så det ser ut såhär:
http://data.fuskbugg.se/skalma n01/fuskbuggstylsih.JPG
Men hur ändrar man headern
Borde ju vara någonstans här
/* HEADERS */
#header {
width: 559px;
height: 218px;
background: url(cute/header.jpg) top center no-repeat;
}
#header-slim {
width: 559px;
height: 135px;
background: url(cute/eyes_header.jpg) top center no-repeat;
}
jag har rebar nummer, tror du mig?
24 personer har röstat






