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 1 of 5
Page 1 of 5 • 1, 2, 3, 4, 5
css
/*---------------------------------------------puts pic in footer on all pages
#page-footer {height:500px; background:url('https://i.servimg.com/u/f62/14/92/49/47/100_1610.jpg') no-repeat;}
works ------------------------*/
#page-footer {height:500px; background:url('https://i.servimg.com/u/f62/14/92/49/47/100_1610.jpg') no-repeat;}
works ------------------------*/
Last edited by admin on 9/4/2010, 2:32 pm; edited 3 times in total
remove text from nav bar
/*---------------------------------------removes text links from nav bar
a.mainmenu[href="/calendar.forum"],a.mainmenu[href="/faq.htm"] {display:none;}
works----------------------------*/
Last edited by admin on 9/6/2010, 2:46 pm; edited 1 time in total
dotted line under text link
/*------------------------------------------------puts dotted line under linked text----------------*/
.postbody .content a {
text-decoration: none;
border-bottom: 1px dotted gray;
}
/*-----------------------------------------end dotted line ----------works------------------------------*/
.postbody .content a {
text-decoration: none;
border-bottom: 1px dotted gray;
}
/*-----------------------------------------end dotted line ----------works------------------------------*/
Last edited by admin on 9/6/2010, 2:45 pm; edited 1 time in total
post edit box bg image
/*-----------------------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-------------------------------*/
.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-------------------------------*/
Last edited by admin on 9/6/2010, 2:45 pm; edited 1 time in total
Re: css
see if this works to limit sig image size
.signature_div img{
max-height: 500px;
max-width: 450px;
}
.signature_div img{
max-height: 500px;
max-width: 450px;
}
limit numbers on forums
various limits on forumotion boards
http://help.forumotion.com/frequently-asked-questions-f5/some-limits-of-forumotion-forum-t1709.htm
http://help.forumotion.com/frequently-asked-questions-f5/some-limits-of-forumotion-forum-t1709.htm
Last edited by admin on 9/6/2010, 2:44 pm; edited 1 time in total
user name icon in chat box
works-adds image to left side in chat box-they are all the same
#chatbox_members ul li {
background-image: url('https://2img.net/i/fa/prosilver/icon_contact_msnm.gif');
background-repeat: no-repeat;
padding-left:25px; padding-bottom:5px;
color:teal;
}
#chatbox_members ul li {
background-image: url('https://2img.net/i/fa/prosilver/icon_contact_msnm.gif');
background-repeat: no-repeat;
padding-left:25px; padding-bottom:5px;
color:teal;
}
Last edited by admin on 9/6/2010, 2:43 pm; edited 1 time in total
remove jump-to box
try this out-removes 'jump to' drop down list
from rono
select {
display:none !important;
}
fieldset.jumpbox {
display:none !important;
}
fieldset.quickmod {
display:none !important;
}
p.right {
display:none!important;
}
from rono
select {
display:none !important;
}
fieldset.jumpbox {
display:none !important;
}
fieldset.quickmod {
display:none !important;
}
p.right {
display:none!important;
}
Last edited by admin on 9/9/2010, 10:16 pm; edited 2 times in total
customize chat box
Customize ChatBox
Here are the styles used to modify the text and background of the ChatBox. To be included in the section of the Custom CSS Panel Admin! Wink
► Admin Panel → Display → Color Images and Color → CSS Stylesheet
► For prosilver (phpBB3) and punBB:
► To change the background of the chat:
Code:
body.chatbox (
background-color: color code;
)
► To change the text of the title of the chat:
Code:
body.chatbox # chatbox_header. chatbox-title,
body.chatbox # chatbox_header. chatbox a.chat-title-title (
color: color code! important;
)
► To change the color of links in the header of the chat:
Code:
. Chatbox-options li
.chatbox-options li,
.chatbox-options label (li
color: color code;
)
► To change the color of text in the list section of members:
Code:
# Chatbox_members ul li,
#chatbox_members ul li (
color: color code;
)
► To change the color of text in the message display section:
Code:
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a (
color: color code;
)
Here are the styles used to modify the text and background of the ChatBox. To be included in the section of the Custom CSS Panel Admin! Wink
► Admin Panel → Display → Color Images and Color → CSS Stylesheet
► For prosilver (phpBB3) and punBB:
► To change the background of the chat:
Code:
body.chatbox (
background-color: color code;
)
► To change the text of the title of the chat:
Code:
body.chatbox # chatbox_header. chatbox-title,
body.chatbox # chatbox_header. chatbox a.chat-title-title (
color: color code! important;
)
► To change the color of links in the header of the chat:
Code:
. Chatbox-options li
.chatbox-options li,
.chatbox-options label (li
color: color code;
)
► To change the color of text in the list section of members:
Code:
# Chatbox_members ul li,
#chatbox_members ul li (
color: color code;
)
► To change the color of text in the message display section:
Code:
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a (
color: color code;
)
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 --------------------*/
/*-----------------------puts background image in post edit box-code and wysiwyg views -----*/
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 --------------------*/
/*-----------------------puts background image in post edit box-code and wysiwyg views -----*/
put nav bar above header
/*--------------------------------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 ---------------------------------------*/
position nav bar vertically
/*-------------------------------------------code to position nav bar vertically-- works
a.mainmenu {
position:relative; top: -1 px;
}
end nav bar position-------------*/
add glow to text link hover
/*-----------------------------------------adds glow to text link hover works
a:hover {
text-shadow: 0px 0px 8px #00A2E8; height: 50px;
}
end link glow -----------*/
a:hover {
text-shadow: 0px 0px 8px #00A2E8; height: 50px;
}
end link glow -----------*/
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-----------------*/
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-----------------*/
remove search box
/*--------------------removes search box at right end of nav bar-works-----*/
#search-box {
margin-top: 10px;
margin-right: 5px;
float: right;
white-space: nowrap;
display: none;
}
#search-box {
margin-top: 10px;
margin-right: 5px;
float: right;
white-space: nowrap;
display: none;
}
lighten sig image on hover
/*-----------this lightens sig image link on hover----------*/
.postbody .signature_div a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
.postbody .signature_div a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
nav bar vertical positioning
/* I added this code to the sfg forum because the nav bar was sitting on the border bottom---here I made it 0 px to eliminate it----*/
ul.navlinks {
border-bottom: 0px solid #ffffff;
font-weight: bold;
text-align: top;
padding-top: 3px;
padding-bottom: 3px;
}
ul.navlinks {
border-bottom: 0px solid #ffffff;
font-weight: bold;
text-align: top;
padding-top: 3px;
padding-bottom: 3px;
}
modify category header text
/*---to change category title formatting from rono----*/
.table-title, .table-title h2 {
color:orange;
font-family:comic sans ms;
font-size:1.2em;
font-weight:bold;
}
/*--to center the title
.header dt, .header dd {
margin-left:0px;
text-align:center
}
end center---*/
/*---end category title mods----*/
.table-title, .table-title h2 {
color:orange;
font-family:comic sans ms;
font-size:1.2em;
font-weight:bold;
}
/*--to center the title
.header dt, .header dd {
margin-left:0px;
text-align:center
}
end center---*/
/*---end category title mods----*/
change color of post text links
/* makes link in post dark red-----------------------------*/
.postbody .content a {
color : #7B1717;
text-decoration: none;
}
.postbody .content a {
color : #7B1717;
text-decoration: none;
}
change image link on hover with opacity
.buttons div.post-icon:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}
.buttons div.post-icon{
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
top: -2px;
}
ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity:1.0;
}
ul.linklist li a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
position: relative;
top: -1px;
cursor:allowed;
}
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://a.imagehost.org/0935/asss.png');
text-align: CENTER;
padding: 24px 0;
}
Last edited by admin on 9/9/2010, 10:07 pm; edited 1 time in total
remove legend pics
ie. new posts, no new posts, locked
this removes icons
ul#picture_legend li,ul#privmsgs-menu li {
display: none;
margin: 2px 10px;
}
this removes bg image
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('');
text-align: CENTER;
padding: 24px 0;
}
this removes icons
ul#picture_legend li,ul#privmsgs-menu li {
display: none;
margin: 2px 10px;
}
this removes bg image
ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('');
text-align: CENTER;
padding: 24px 0;
}
fix background image so it doesn't scroll
body {
background-image: url('http://images.dailyinfo.vn/archive/photo/fashion/201009/20100908/08561056bg.jpg');
background-attachment: fixed;}
puts pic in footer in all pages
/*---------------------------------------------puts pic in footer on all pages
#page-footer {height:500px; background:url('https://i.servimg.com/u/f62/14/92/49/47/100_1610.jpg') no-repeat;}
works ------------------------*/
#page-footer {height:500px; background:url('https://i.servimg.com/u/f62/14/92/49/47/100_1610.jpg') no-repeat;}
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----------------------------*/
IP Trace-goes in a html box
- Code:
<!-- IP TRACE**************************************************************************************************************************** -->
<div align="right">
<table border="1" cellpadding="0" cellspacing="0"><tbody><tr><td align="center" valign="top"><form name="form1" method="post" action="http://www.ip2location.com/demo.aspx"><textarea name="ipaddresses" cols="15" rows="1" wrap="ON" style="font-family: Arial,Helvetica,sans-serif; font-size: 9px; color: rgb(51, 51, 51); text-decoration: none; border: 1px solid rgb(161, 210, 254);"></textarea><br><font color="#004D99" face="arial" size=-1>IP SEARCH</font><br><input src="http://www.ip2location.com/images/searchboxbutton.gif" name="submit" type="image" width="76" height="16"></form></td></tr></tbody></table></div>
<!-- END IP TRACE
********************************************************************************************************************** -->
Page 1 of 5 • 1, 2, 3, 4, 5
Page 1 of 5
Permissions in this forum:
You cannot reply to topics in this forum
|
|