December 15, 2018, 09:39:10 am
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Welcome to Revolution X, where Coding meets Graphics.
 
   Home   Help Search Arcade Affiliates Staff List Calendar Members Login Register  
Pages: 1 ... 8 9 [10]
 91 
 on: September 08, 2009, 09:21:34 am 
Started by DzinestaR - Last post by DzinestaR
Forum Url: http://SMFDesigns.smfforfree3.com



All In Preview

A Nice Gren Poker Themed Style.

Please add the following code to your footer if you use my Stylesheet.

Code:
All In Style By <b>DzinestaR</b>

All In CSS.

Code:
/* All In By DzinestaR */

/* Font Color For The News Fader.

#smfFadeScroller, #smfFadeScroller,  #smfFadeScroller a:visited, #smfFadeScroller a:link
{           color: #339933;
            text-decoration:  bold;
            

}

/*Links In a Post*/
div.post A
{
           Color:#ffffff;
}

#footerarea a
{
color: #111111;
}


/* Links Of The Forum. */
a:link
{
color: #162027;
text-decoration: none;
}
a:visited
{
color: #162027;
text-decoration: none;
}
a:hover
{
color: #ffffff;
text-decoration: underline;
}

/* Navigation Links. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #ffffff;
text-decoration: underline;
}

/* Table Cells. */
table
{
empty-cells: show;
}

/* Td Body. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The Body Of The Forum. */
body
{
background-color: #006400;
background-image: url();
margin: auto;
             width: 1000px;
padding-top: 15px;
             padding-bottom:  4px;


}

/* Input Boxes. */
input, textarea, button
{
background-color: #2b2b2b;
             border-top: solid 2px #339933;
             border-bottom: solid 2px #339933;
             border-right: solid 2px #339933;
             border-left: solid 2px #339933;
color: #339933;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #339933;
font-family: verdana, sans-serif;
}

/* Input Elements. */
input.check
{
}

/* Selects. */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}

/* The Horizontal Rule. */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #111111;
background-color: #111111;
}

/* Image Border DO NOT Put Border. */
a img
{
border: 0;
}
/* Quotes. */
.quote
{
color: #000000;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* Code Blocks.*/
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" Header Parts */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The Post Box. */
.editor
{
width: 98%;
}

/* Highlighted Text Generally Search Results. */
.highlight
{
background-color: red;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
color: #F0F0F0;
background-color: #339933;
}
.windowbg2
{
color: #F0F0F0;
background-color: #339933;
}
.windowbg3
{
color: #F0F0F0;
background-color: #339933;
}

/* Color for background of posts requiring approval */
.approvebg
{
color: #000000;
background-color: #F6E0D4;
}

/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3
{
color: #339933;
font-style: normal;
background: url(http://www.styleyourforum.com/data/543/css0.jpg) #2B2B2B repeat-x;
border-bottom: solid 3px #2B2B2B;
border-top: solid 3px #2B2B2B;
padding-left: 25px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #339933;
font-style: normal;
}

.titlebg a:hover
{
color: #111111;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #000000;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background-image: url(http://www.styleyourforum.com/data/543/css0.jpg);
color: #339933;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: #339933;
color: #339933;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #FFFFFF;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* Tables. */
.bordercolor
{
background-color: #ADADAD;
padding: 0px;
}

/* Tables With Border. */
.tborder
{
padding: 1px;
border: 1px solid #696969;
background-color: #FFFFFF;
}

/* Font Sizes.*/
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Post Width. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* Signatures. */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Post Errors. */
.error
{
color: orange;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
                
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
              
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(http://www.styleyourforum.com/data/148/css4.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/148/css4.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/148/css4.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/148/css7.png) left bottom no-repeat;

width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/148/css7.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/148/css7.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/148/css4.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/148/css4.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/148/css4.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #ac4301;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
/* Here You Go Poker Players! */
/* End All In CSS */

On/Off.

On


Code:
http://www.styleyourforum.com/data/543/on.gif

Off


Code:
http://www.styleyourforum.com/data/543/off.gif

Other Icons.

Forum Stats


Code:
http://www.styleyourforum.com/data/543/ico_info.gif

Online/Logged In Today.


Code:
http://www.styleyourforum.com/data/543/ico_online.gif

How to Install a Stylesheet.

I would like some opinions.

Enjoy.

-DzinestaR

 92 
 on: September 08, 2009, 09:20:23 am 
Started by DzinestaR - Last post by DzinestaR
Forum Url: http://SMFDesigns.smfforfree3.com

Live Demo!

This is a Remake of my "Cool Blue" Stylesheet.

Footers:

Code:
Theme Copyright- <b>Reveloution X</b>




Cool Blue V2 CSS:

Code:
/* Style By DzinestaR */

/* Links In a Post */
div.post A
{
           Color:#111111;
}

/* Normal, standard links. */
a:link
{
color: #222222;
text-decoration: none;
}
a:visited
{
color: #222222;
text-decoration: none;
}
a:hover
{
color: #222222;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #cc3333;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
             background-color: #222222;
             background-image:  url();
             margin: auto;
             width: 1000px;
padding-top: 10px;
             padding-bottom:  4px;
             padding-right:  0px;

}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 98%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #c0c0c0;
}
.windowbg2
{
color: #000000;
background-color: #c0c0c0;
}
.windowbg3
{
color: #000000;
background-color: #c0c0c0;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #ffffff;
font-style: normal;
background: url(http://www.styleyourforum.com/data/567/css0.png) #ffffff repeat-x;
border-bottom: solid 1px #9BAEBF;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: black;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: black;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background: url(http://www.styleyourforum.com/data/567/css0.png) #88A6C0 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://www.styleyourforum.com/data/567/css0.png) #A1BFD9 repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ADADAD;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #696969;
background-color: #FFFFFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
color: white;
text-transform: Capitalize;
vertical-align: top;
                
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
              
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom repeat-x;
}
.maintab_last
{
background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://www.styleyourforum.com/data/567/css3.png) left bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://www.styleyourforum.com/data/567/css3.png) repeat-x;
}
.mirrortab_last
{
background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://www.styleyourforum.com/data/567/css3.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://www.styleyourforum.com/data/567/css3.png) no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}



Customizable Icons:

On/Off.gif

On:


Code:
http://www.styleyourforum.com/data/567/on.gif

Off:


Code:
http://www.styleyourforum.com/data/567/off.gif

Extra Icons:

Info:


Code:
http://www.styleyourforum.com/data/567/ico_info.gif

Online/Users Logged in today:


Code:
http://www.styleyourforum.com/data/567/ico_online.gif

Modify:


Code:
http://www.styleyourforum.com/data/567/ico_modify_inline.gif

Login:


Code:
http://i967.photobucket.com/albums/ae155/DzinestaR/key.png



SMF Designs

 93 
 on: September 08, 2009, 09:14:31 am 
Started by Agent Moose - Last post by Agent Moose
yea but i was thinking of having one where you can put it anywhere you want.

I could make it so you can put it in the headers or footers Smiley  it will still have the same concept of searching what ever board you are viwing.

 94 
 on: September 07, 2009, 10:20:54 pm 
Started by deathwilldie - Last post by DzinestaR
That is quite a theme there, nice work.

-DzinestaR

 95 
 on: September 07, 2009, 10:20:12 pm 
Started by deathwilldie - Last post by DzinestaR
Wow an amazing theme.

-DzinestaR

 96 
 on: September 07, 2009, 10:16:11 pm 
Started by DzinestaR - Last post by DzinestaR
Forum Url: http://SMFDesigns.smfforfree3.com

Code Demo.

Well theres a "Rain on forum" code here that requires you to get / make images well here's a similar code that requires NO images at all.

Add The Following code to your header.

Code:
<script src="jquery.js"></script>
<style
.drop { position: absolute; width: 3;  filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">

snow = false;    // false-rain;   true-snow
snowsym = " * "  //These are the symbols for each
rainsym = " ' "  //You can put images here if needed.
howmany = 20     //How many drops.

/**************No Editing Required Below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex;  yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>

Add The Following Code to your Footer.

Code:
<script language="javascript">
//Modified By DzinestaR

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>

Enjoy.

-DzinestaR


 97 
 on: September 07, 2009, 10:14:17 pm 
Started by DzinestaR - Last post by DzinestaR
Forum Url: http://SMFDesigns.smfforfree3.com

Code Demo!

Here is a little code that will place a clickable button at the bottom or top of your forum depending whether you put it in your header or footer, click the link above for a preview.
Click the button at the bottom to see it in action.

Header OR Footer

Code:
<center>
<FORM METHOD="LINK" ACTION="http://YourURLHere.smfforfreeX.com">   
<INPUT TYPE="submit" VALUE="your text here">
</FORM></center>

Edit the following to get it looking how you want.

Code:
ACTION="http://YourURLHere.smfforfreeX.com"
- The URL the button will go to when clicked, change smfforfreeX.com to smfforfree.com smfforfree2.com smfforfree3.com smfforfree4.com which ever server your on.

Code:
VALUE="Button Text"
- Text Displayed on the Button.

Note: If used the button will be centered.
.Com .Net .Org all domains are useable for this code.


Enjoy

-DzinestaR








 98 
 on: September 07, 2009, 10:13:13 pm 
Started by DzinestaR - Last post by DzinestaR
Forum Url: http://SMFDesigns.smfforfree3.com

Code Demo!

This code will change the "Total time logged in:" Text to any text you desire, Works in all Browsers slayer766 helped alot with the making of this code.

Footers:

Code:
<script type="text/javascript">
var text = "Your New Text Goes Here!";
var a = document.getElementsByTagName("span");
var b = a.length;
while(b--){
    if(a[b].className == "middletext" && a[b].innerHTML.match("Total time logged in:")){
        a[b].innerHTML=a[b].innerHTML.replace("Total time logged in:",text);
    }
}
</script>



Change
Code:
Your New Text Here!


To your desired text.

Enjoy.

-DzinestaR

 99 
 on: September 07, 2009, 10:10:35 pm 
Started by DzinestaR - Last post by DzinestaR
Forum Url: http://SMFDesigns.smfforfree3.com

Code Demo!

This adds a scrolling text box to the top of your forum for quick announcements you may want your members to see right away.

Headers:

Code:
<SCRIPT LANGUAGE="JavaScript">

var myMainMessage="  YOUR SIMPLE ANNOUNCMENT TEXT HERE! ";
var speed=150;
var scrollingRegion=50;

var startPosition=0;
function mainTextScroller() {
        var mainMessage=myMainMessage;
        var tempLoc=(scrollingRegion*3/mainMessage.length)+1;
        if (tempLoc<1) {tempLoc=1}
        var counter;
        for(counter=0;counter<=tempLoc;counter++)
           mainMessage+=mainMessage;
document.mainForm.mainTextScroller.value=mainMessage.substring(startPosition,startPosition+scrollingRegion);
        startPosition++;
        if(startPosition>scrollingRegion) startPosition=0;
        setTimeout("mainTextScroller()",speed); }
</script>

</HEAD>

<BODY onLoad="mainTextScroller()">

<form name="mainForm">
<center>
<input type="text" name="mainTextScroller" size="40" value>
</center>
</form>

You can change the speed of the scroll of the text by modifying this:
Code:
var speed=150;

Change my pre-set text here:

Code:
var myMainMessage="  YOUR SIMPLE ANNOUNCMENT TEXT HERE! ";

Enjoy.

-DzinestaR

 100 
 on: September 07, 2009, 10:09:17 pm 
Started by deathwilldie - Last post by DzinestaR
I really like that Title Bg you have on this one.

-DzinestaR

Pages: 1 ... 8 9 [10]
Powered by EzPortal
Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum | Buy traffic for your forum/website

Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy