IP Search
Latest topics
» testingby admin 4/27/2015, 11:26 pm
» css
by admin 11/26/2014, 10:06 am
» testing sig that goofs up everything
by admin 11/18/2013, 11:29 am
» table stuff for green forum
by admin 7/13/2012, 9:41 pm
» color test
by admin 7/10/2012, 10:37 pm
» table stuff from grey forum
by admin 2/28/2011, 12:35 pm
» ISO I"m...
by admin 2/25/2011, 12:24 am
» IHA I Have Available
by admin 1/28/2011, 1:28 am
» christmas decorations for 2010
by admin 12/31/2010, 9:28 pm
» Iframe and marquee
by admin 12/30/2010, 11:44 am
css
2 posters
Page 3 of 5
Page 3 of 5 • 1, 2, 3, 4, 5
remove lines under forum title hover
/*-----------------boffer added--------removed underline on forum title hover on index-------------------------*/
a.forumtitle:hover {
color: #d31141;
text-decoration: none;
}
/*----------------------------------------------end remove underline----------------------------------------*/
controls colors in some drop down boxes
/*------------------------------------------------------controls colors in some drop down boxes ----------------------*/
.post .popupmenu, .post .popupmenu ul li, .post .popupmenu ul li a {background: #404040; color: #ffffff;}
.post .popupmenu, .post .popupmenu ul li, .post .popupmenu ul li a {background: #404040; color: #ffffff;}
Re: css
Check this out, put in html area,.,, changes chat box text
$(function() {if($('#chatbox_popup')[0]){$('#chatbox_popup a')[0].innerHTML='Enter Chatbox';}});
helps with vertical layout on index page
this is from Dion, I haven't tried it
dl.icon {height: auto !important;}
dl.icon {height: auto !important;}
adds tool bar to page bottom
non-scrolling, put in homepage general message
it looks like this
it looks like this
- Code:
<style type="text/css">
#toolbar {
background:url("http://img31.imageshack.us/img31/3913/nav11.png") no-repeat scroll center bottom transparent;
bottom:0;
height:40px;
left:0;
margin:0;
padding:0;
position:fixed;
width:100%;
z-index:999;
}
#toolbar img{ border:none;}
</style>
<div id="toolbar" style="text-align: center;"><font size="+1" color="#ffffff"><a href="forum.htm"><img src="http://img31.imageshack.us/img31/3279/homexo.png"></a> <a href="/profile.forum?mode=register"><img src="http://img31.imageshack.us/img31/5193/addmaleuserd.png"></a> <a href="/faq.htm"><img src="http://i95.servimg.com/u/f95/11/95/85/04/faq16.png"></a> <a href="/login.forum?connexion"><img src="http://img31.imageshack.us/img31/6809/88388748.png"></a> <a href="#"><img src="http://img31.imageshack.us/img31/3008/kopetestatusmessage.png"></a> <a href="/contact.forum"><img src="http://img31.imageshack.us/img31/7137/contactnh.png"></a> <a href="/viewonline.htm"><img src="http://img31.imageshack.us/img31/4106/packagegamesrpg.png"></a></font></div>
copyright code
Will put simple text just below admin panel link
#page-footer:after{
content: "© Your CopyRight ";
font-size: 13px;
font-variant: small-caps;
position: relative;
right: -370px;}
#page-footer:after{
content: "© Your CopyRight ";
font-size: 13px;
font-variant: small-caps;
position: relative;
right: -370px;}
changes spoiler bg color
dl.codebox {
padding: 3px;
background-color: #161617;
border: 1px solid #C9D2D8;
font-size: 1em;
}
padding: 3px;
background-color: #161617;
border: 1px solid #C9D2D8;
font-size: 1em;
}
controls max size of image in post
from Dion, not tested
.postbody .content img {max-width: 600px; max-height: 400px;}
.postbody .content img {max-width: 600px; max-height: 400px;}
remove 'home' from footer
/*----------------------------------------------- removes 'home' from footer ------------------------*/
.footer-home {visibility: hidden;}
changes quote border color
blockquote {border: 10px solid #C0C0C0;}
see post below
see post below
hotfeet- testing
- POSTS : 1
Join date : 2010-12-25
adds shadow or color or weight to a user's name
a[href="/u1"]{
text-decoration: none !important;
text-shadow: 0 0 0.1em white, 0 0 0.1em black, 0 0 0.1em white;
font-family:georgia;
font-weight: lighter;
font-style:italic;
}
text-decoration: none !important;
text-shadow: 0 0 0.1em white, 0 0 0.1em black, 0 0 0.1em white;
font-family:georgia;
font-weight: lighter;
font-style:italic;
}
Last edited by admin on 6/28/2011, 9:07 am; edited 1 time in total
border and corners on quote box
blockquote {border: 2px solid #C0C0C0;}
blockquote {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}
blockquote {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}
sfg logo on bottom left of index page
it works but I couldn't figure out how to link it, so I'm using a different code.
/*------------------sq logo on bottom left of index page -------------------*/
ul.linklist li.footer-home {
background: url(https://i.servimg.com/u/f45/16/65/12/98/zzzfou11.png) no-repeat top;
width: 110px;
height: 110px;
margin-left: -5px;
margin-top: -125px;
color: transparent !important;
font-size: 0px !important;}
/*------------------sq logo on bottom left of index page -------------------*/
ul.linklist li.footer-home {
background: url(https://i.servimg.com/u/f45/16/65/12/98/zzzfou11.png) no-repeat top;
width: 110px;
height: 110px;
margin-left: -5px;
margin-top: -125px;
color: transparent !important;
font-size: 0px !important;}
post body variables
.postbody {
background-color: #000000;
border: 3px solid #FFFFFF;
padding: 10px;
}
each forum description block on index page
/*--- changes font attributes in description block of forums --*/
dl.icon dd.dterm, dl.icon dt {
color: red;
}
manages spoiler attributes
dl.codebox {
padding: 3px;
background-color: #161617;
border: 1px solid #C9D2D8;
font-size: 1em;
}
I haven't tried it yet
padding: 3px;
background-color: #161617;
border: 1px solid #C9D2D8;
font-size: 1em;
}
I haven't tried it yet
removes corners from header bgimage and nav bar
.headerbar .corners-top ,.headerbar .corners-bottom {display:none;}
.navbar .corners-top ,.navbar .corners-bottom {display:none;}
.navbar .corners-top ,.navbar .corners-bottom {display:none;}
haven't played with this
HR {
border: 0 none #9a6fac;
border-top: 1px solid #aa9faa;
height: 1px; height: 1px;
margin: 5px 0; margin: 5px 0;
display: block; display: block;
clear: both; clear: both;}
border: 0 none #9a6fac;
border-top: 1px solid #aa9faa;
height: 1px; height: 1px;
margin: 5px 0; margin: 5px 0;
display: block; display: block;
clear: both; clear: both;}
rounded corners without images
for avatar
.postprofile img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
for forums/categories
Code: ----------Select content
.forabg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
for widgets
.module {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
for poll
.panel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.navbar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.postprofile img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
for forums/categories
Code: ----------Select content
.forabg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
for widgets
.module {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
for poll
.panel {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.navbar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
style usage
- Code:
<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
Header 1
A paragraph.
The only possible value is "text/css". The style element always goes inside the head section.
Last edited by admin on 7/5/2012, 1:34 am; edited 2 times in total
Page 3 of 5 • 1, 2, 3, 4, 5
Page 3 of 5
Permissions in this forum:
You cannot reply to topics in this forum
|
|