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 2 of 5
Page 2 of 5 • 1, 2, 3, 4, 5
forum name font attributes
/*--------------------------------------selects font attributes for forum names------------------------*/
a.forumtitle {
color: #1d510f;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
}
fix bg image
/*---------------------------------------------------------------prevents bg image from scrolling -----------------------------*/
body {
background-attachment: fixed;}
body {
background-attachment: fixed;}
hides legend bar and bg image
ul#picture_legend, ul#privmsgs-menu {
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}
text-align: center;
display: none;
}
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
vertical-align: middle;
display: none;
}
puts image in footer of every page
#page-footer{height:100px; background:url('https://i.servimg.com/u/f62/14/92/49/47/100_1610.jpg') no-repeat;}
puts text in footer of pages
/*---------------------------------------------puts text in footer on all pages works ------------------------*/
#page-footer:after {
padding-left: 49%;
font-style: italic;
font-family: comic sans ms;
content: "HAWAII";
}
#page-footer:after {
padding-left: 49%;
font-style: italic;
font-family: comic sans ms;
content: "HAWAII";
}
Re: css
try this out-it changes lines
li.row {
border-top: 1px solid #ffffff;
border-bottom: 0px solid #ffffff;
}
li.row {
border-top: 1px solid #ffffff;
border-bottom: 0px solid #ffffff;
}
puts image in bottom of page
directly below copyright stuff
#page-footer {
background-image:url("https://2img.net/r/ihimizer/img444/7418/thmenaruto11105.jpg");
background-position:center top;
background-repeat:no-repeat;
height:220px;
margin-bottom:-160px;
margin-left:0;
}
#page-footer {
background-image:url("https://2img.net/r/ihimizer/img444/7418/thmenaruto11105.jpg");
background-position:center top;
background-repeat:no-repeat;
height:220px;
margin-bottom:-160px;
margin-left:0;
}
changes lines between forum titles
/*------------------------------------changes colors of lines that divide forum titles on index page--------------------*/
li.row {
border-top: 1px solid #9fbf52;
border-bottom: 0px solid #9fbf52;
}
changes color of buttons in chat box
.fontbutton {
border: 1px solid #22229C;
background: #000000;
}
.fontbutton_normal {
background: #000000;
}
.fontbutton_selected {
background: #000000;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background #000000;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #000000;
border: 1px solid #22229C;
}
add linked images and bg image-fixed- to page bottom
/*-------------------------------------puts fixed images at bottom of page--needs html in scroller----------------*/
#myfooter{
background-image: url(http://hitskin.com/themes/14/15/64/i_background.png);
background-repeat: yes
-repeat;
}
#myfooter {
height: 36px;
position: fixed;
z-index:1;
width: 100%;
bottom: 0px;
left: 0px;
}
#page-footer {
background-image:url("https://2img.net/i/fa/empty.gif");
background-position:center top;
background-repeat:no-repeat;
height:150px;
margin-top: 10px;
margin-bottom:-50px;
margin-left:0;
}
/*---------------------------------------end add footer image ------------------------------------------------------*/
Put this html in scroller to see on every page
#myfooter{
background-image: url(http://hitskin.com/themes/14/15/64/i_background.png);
background-repeat: yes
-repeat;
}
#myfooter {
height: 36px;
position: fixed;
z-index:1;
width: 100%;
bottom: 0px;
left: 0px;
}
#page-footer {
background-image:url("https://2img.net/i/fa/empty.gif");
background-position:center top;
background-repeat:no-repeat;
height:150px;
margin-top: 10px;
margin-bottom:-50px;
margin-left:0;
}
/*---------------------------------------end add footer image ------------------------------------------------------*/
Put this html in scroller to see on every page
- Code:
<div
id="myfooter" style="height: 40px; position: fixed;
width: 800px;
top: auto;
right: 0;
margin: 0 auto;
bottom: 0;
left: 0;" >
<p align="center">
<a href="http://www.gillshirekennels.com"><img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png"></a>
<a href="http://www.gillshirekennels.com"><img src="http://2img.net/i/fa/i/smiles/icon_redface.gif"></a>
</p></div>
Last edited by admin on 9/19/2010, 6:17 pm; edited 2 times in total
NON-SCROLL TABLE IN HTML
- Code:
<!--
<!-- start non scroll table -->
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" bordercolor=darkgreen width="130" style="position: fixed; top: 0px; left: 0px;">
<tr>
<td width="100%" bgcolor="#FFFFCC" align="center" style="padding-top: 4px; padding-bottom: 4px;">
<b><font size="4">Saturday<BR/>Night Chat<BR/></font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" align="center" style="padding-top: 4px; padding-bottom: 4px;">
Be There<BR/>Be Square<BR/>
<img src="http://squarefoot.creatingforum.com/users/2412/12/27/03/smiles/421549.gif"/>
<BR/><a href="http://squarefoot.creatingforum.com/welcome-mat-f3/chat-saturday-night-august-21-2010-t3797.htm">More info here.</a>
</td></tr></table>
<!--END OF EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="fromtop"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 3,
startY = 150;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
<!-- end non scroll table -->
-->
SAT NITE CHAT IN HTML
- Code:
<table background="http://i35.tinypic.com/jkc8eq.jpg" style="border:none;padding-left:10px; width:202px; height:94px;color:#BC2A4D; position:absolute;top:350px; left:55%"><tr><td style="border:none;"><font size="2"><strong><div style="margin:auto;text-align:center;width:100%"><a href="http://squarefoot.creatingforum.com/welcome-mat-f3/chat-saturday-night-august-21-2010-t3797.htm?sid=3099d394bcf0432da8d3358fefd21c99" class="postlink">Unhosted Chat</strong><br>Saturday Night<br><blink>RIGHT NOW!</blink></a></div></font></td></tr></table>
adds image to hover link
/*-----------------------adds image to hover link
a:link {text-decoration:none}
a:hover
{text-decoration:none;
color:#;
text-decoration:none;
font-weight:bold;
background-image:url(http://squarefoot.creatingforum.com/users/2412/12/27/03/smiles/834944.gif);}
-----------*/
use to hide nav bar
/*---------------------------------------------------use to hide nav bar works
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
display: none;
}
end use to hide nav bar-----------------*/
adds glow to text link hover
/*-----------------------------------------adds glow to text link hover
a:hover {
text-shadow: 0px 0px 8px yellow; height: 50px;
}
works end link glow -----------*/
a:hover {
text-shadow: 0px 0px 8px yellow; height: 50px;
}
works end link glow -----------*/
floats nav bar
/*--------------------------------this code puts the nav bar above the header pic
and it floats ie stays at the very top of the window
body{ padding: 0px; margin: 0px; }
.navbar { background-color: transparent; margin: 0px; padding: 0px; }
.navbar ul{border-bottom:none;}
ul.navlinks { position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; }
#wrap { margin-top: 50px; }
ul.navlinks { z-index: 999;}
ul.navlinks { background-color : #ffffff;
background-image: url('https://i.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position: bottom left;
border-bottom: 1px solid #afbec7;}
end of nav bar float ---------------------------------------*/
adds snow to all pages
/*-------------------------------------------------adds snow to all pages
body {
background-color: #000000;
background-image: url("https://2img.net/r/ihimizer/img200/8838/snowe.gif");
opacity:0.8;
filter:alpha(opacity=90);
}
end snow --------------------*/
adds bg image to post edit box
/*-----------------------puts background image in post edit box-code and wysiwyg views -----*/
.wysiwyg {
background-color:#ffffff;
background-image : url('https://i.servimg.com/u/f62/14/92/49/47/zzsfg210.png');
background-repeat : no-repeat;
background-position : right 170px;
}
.inputbox {
background-image : url('https://i.servimg.com/u/f62/14/92/49/47/zzsfg210.png');
background-repeat : no-repeat;
background-position : right 176px;
}
/*--------------------------------------------------end post bg image-------------------------------*/
puts dotted line under linked text
/*------------------------------------------------puts dotted line under linked text----------------*/
.postbody .content a {
text-decoration: none;
border-bottom: 1px dotted gray;
}
/*-----------------------------------------end dotted line ----------works------------------------------*/
removes text links from nav bar
/*---------------------------------------removes text links from nav bar
a.mainmenu[href="/calendar.forum"],a.mainmenu[href="/faq.htm"] {display:none;}
works----------------------------*/
a.mainmenu[href="/calendar.forum"],a.mainmenu[href="/faq.htm"] {display:none;}
works----------------------------*/
controls line colors between forum titles
/*------------------------------------controls color of lines between forum titles on index------------*/
li.row {
border-top: 1px solid #9fbf52;
border-bottom: 0px solid #9fbf52;
}
li.row {
border-top: 1px solid #9fbf52;
border-bottom: 0px solid #9fbf52;
}
Page 2 of 5 • 1, 2, 3, 4, 5
Page 2 of 5
Permissions in this forum:
You cannot reply to topics in this forum
|
|