Ultimate Graphics
April 19, 2024, 08:56:48 am
Welcome, Guest. Please login or register.

Login with username, password and session length
 
  Home Help Search Arcade Recommended Sites Staff List Login Register  
  Show Posts
Pages: 1 ... 7 8 [9] 10 11
121  Skinning / Dark Skins / **** Red on: November 24, 2007, 12:08:36 am
Forum Url: http://hardcorered.smfforfree4.com
This is the first Style Sheet of its series.  There will be more of them in different colors.  They each will be released later on.

Preview!!!!!

CSS
Code:
/* News Fader Font Color */

#smfFadeScroller, #smfFadeScroller,  #smfFadeScroller a:visited, #smfFadeScroller a:link
{           color: #FFFFFF;
             text-decoration:  none;

}

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

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #8d0202;
	text-decoration: none;
}
a.nav:hover
{
	color: #ffffff;
	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: #d0d0d0;
	font-size: small;
	font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
	background-color: #000000;
             background:  url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/background1-5.png);
             background-position: center center;
             background-repeat: repeat;
 	margin: auto;
             width: 760px;
	padding-top: 12px;
             padding-bottom:  4px;

}

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

input, button
{
	font-size: 90%;
}

textarea
{

	font-size: 100%;
             background:  url();
             background-position: center center;
             background-repeat: repeat;
	color: #d0d0d0;
	background-color: #505050;
	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;
}

/* The Big Text */
h1
{
        background-color:#313131;
        background-repeat:repeat-x;
        padding:4px 15px;
        border: 1px solid #505050;
        
}

/* No image should have a border when linked */
a img
{
	border: 0;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #8d0202;
	background-color: #222222;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #8d0202;
	background-color: #222222;
	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: #8d0202;
	background: url()repeat-x;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
        margin: 3px;
        margin-bottom: 6px;
        padding: 3px;
}

/* 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: 96%;
}

/* 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: #FFFFFF;
	background-color: #282828;
}
.windowbg2
{
	color: #FFFFFF;
	background-color: #333333;
}
.windowbg3
{
	color: #FFFFFF;
	background-color: #282828;
}
/* 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: #d0d0d0;
	font-style: normal;
	background-color: black;
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/titlebg1-1.png) repeat-x;
	padding-left: 1px;
	padding-right: 1px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: #d0d0d0;
	font-style: normal;
}
.titlebg a:hover
{
	color: #717171;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color: #d0d0d0;
	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://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/Catbg2-4.png) transparent;
      	color: #ffffff;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/Catbg2-4.png);  
              background-color: #ffffff; 
	color: #282828;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	border-bottom: solid 1px ##282828; 
}
.catbg, .catbg2
{
	font-weight: bold;
             horizontal-align:  center;
}
.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
{
            color: #d0d0d0;
	background-color: #505050;
	padding: 0px;
}

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

/* 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: 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://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/maintabnot.png) left bottom no-repeat;
	width: 10px;
}
.maintab_back
{
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/maintabnot.png) left bottom repeat-x;
}
.maintab_last
{
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/maintabnot.png) left bottom no-repeat;
	width: 8px;
}
.maintab_active_first
{
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/Activetab.png) left bottom no-repeat;
	width: 6px;
}
.maintab_active_back
{
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/Activetab.png) left bottom repeat-x;
}
.maintab_active_last
{
	background: url(http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/Activetab.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://img80.imageshack.us/img80/1011/mirrortabbackug2.gif) no-repeat;
	width: 10px;
}
.mirrortab_back
{
	background: url(http://img80.imageshack.us/img80/1011/mirrortabbackug2.gif) repeat-x;
}
.mirrortab_last
{
	background: url(http://img80.imageshack.us/img80/1011/mirrortabbackug2.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_first
{
	background: url(http://img80.imageshack.us/img80/9600/mirroractivetabfo1.gif) no-repeat;
	width: 6px;
}
.mirrortab_active_back
{
	background: url(http://img80.imageshack.us/img80/9600/mirroractivetabfo1.gif) repeat-x;
}
.mirrortab_active_last
{
	background: url(http://img80.imageshack.us/img80/9600/mirroractivetabfo1.gif) 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;
}


Put this in your Footers
Code:
<center>**** Red Skin made at <a href="http://ultimategraphics.smfforfree3.com"><u>Ultimate Graphics</u></a></center>



Collapse Images
Code:
http://img80.imageshack.us/img80/7666/transimagelr4.gif

Some None

Code:
http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/someno.png

Some New

Code:
http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/somenew.png

No New Posts

Code:
http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/nonew.png

New Posts

Code:
http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/newpost.png

Sub New Posts

Code:
http://i225.photobucket.com/albums/dd64/ugrequests/Other%20Skins/Hardcoreseries/red/subnewpost.png
122  Skinning / Member's Skins / Submission Guidelines! on: November 23, 2007, 08:45:36 pm
Submission Guidelines

When making a new topic for a skin that you are posting make sure you follow these guidelines.

    *You must have a Preview of the skin.  The preview can be a TEST forum or it can be a screen shot.

The Link for the preview of the Skin Must be a Test forum, it cannot be a working/active board.


Every skin posted here must contain a copyright directing to the Skin Zone. You may use this one: (Just put the following code in your topic.  Say it goes in your footers.)

Code:
<center>Skin Created by <b>Your Name Here</b>.  Find more great Skins at <a href="http://ultimategraphics.smfforfree3.com"><u>Ultimate Graphics</u></a></center>
123  Skinning / Member's Skins / Rules on: November 23, 2007, 08:33:49 pm
Member Skins Rules

Topic Bumping
Please don't bump your topic.  Meaning if it doesn't have a post after 5 days don't post in it just to bring it up to the top.  If you do bump your topic your topic will be locked and you won't be able to post in it anymore.

General Behaviour
New Skinners are looking for possitive feedback and so are the expert skinners.  So don't go into a members topic and say that their skin Sucks or anything like that.  If you do you will be warned and if it happens twice you will be banned.


Back Seat Moderating
Like other areas of the forum, back seat moderating in this forum is not allowed.
The Moderators are more equipped to moderate this forum than any of the members. Please refrain from posting "Follow the guidelines" or "You dont have any copyright". It annoys other members, the topic starter, and us.
124  Graphics Help / Photoshop Tutorials / Re: Spiderman Sig Tutorial on: November 23, 2007, 08:24:15 am
Thanks.
125  Graphics Help / Photoshop Tutorials / Spiderman Sig Tutorial on: November 22, 2007, 08:28:52 pm
Well this is the longest Tutorial I have done yet.
126  Front Desk / News / Re: UserPage on: November 12, 2007, 05:20:02 pm
There is a link there.  Its under were like the images for contacts are.
127  Front Desk / News / Re: UserPage on: November 11, 2007, 05:50:20 pm
lol Blacklabel.  I like your userpage its awesome.
128  Front Desk / News / UserPage on: November 10, 2007, 02:42:00 pm
My Bro Agent Moose made a new code specifically for Ultimate Graphics.  Its a User Page code were each user has their own page that they can edit and things like that.  Your able to find it in your profile by a link.  Also, in topics in the mini profile.

You can edit your page by clicking on the profile tab and there will be a link in the left column that says "Edit UserPage".

You can only use BBCode for your page.

Please no Advertising in the User Page.  If you do your link will be removed on it.
129  Graphics Help / Photoshop Tutorials / Reflectoin Text Tutorial on: November 08, 2007, 09:20:52 pm
130  Front Desk / News / Some more Great News on: November 08, 2007, 08:07:12 pm
Ultimate Graphics is now Ad Free.  That means you wont see ads on this forum for a while.  Coffeenole was the one who bought it for us.  So we should all think Coffeenole for it.
131  Front Desk / News / Re: More Smlies Added on: November 08, 2007, 04:36:48 pm
Now thats pretty cool coffeenole.  I will add that one.
132  Graphics Help / GIMP Tutorials / Quickmask Tutorial on: November 05, 2007, 08:41:51 pm


This tutorial shows how you can do vignette effects using a feature of GIMP called QuickMask. QuickMask is a convenient way to modify selections using pixel-changing tools such as the paintbrush, eraser, or any plug-in filter. It lets you make very precise adjustments to your selections. This tutorial doesn't use QuickMask for complex masking; it's intended to show how you can use it to create quick and easy vignette effects.

Step 1



For your first step, load up an image. Any image will do. GIMP 1.1.7, a development version of GIMP, introduced QuickMask. The QuickMask control button is located at the lower-left side of the image.

Step 2



First, make a rectangular selection around the edge of the image. Then click on the red-bordered QuickMask icon in the lower-left corner of your image.

Step 3



After you click the red QuickMask button, a translucent red mask appears around your selection. This red mask represents the outside of your selection. When you click the dashed QuickMask button to go back into normal selection mode, anything red will not be selected, and anything clear will be. So, let's start playing with this mask. First, right click on the image and select <Image> Filters -> Distorts -> Waves from the menu. Apply the filter, and watch what happens to the mask.

Step 4



The mask gets all wavy. Let's add one more effect: <Image> Filters -> Blur -> Gaussian Blur (RLE).

Step 5



Now that there is a soft edge on the mask, click the dashed QuickMask button to convert the mask back into a selection.

Step 6



See how the selection follows the mask? This is a powerful feature of QuickMask. You can use it to modify any existing selection, and you can even use it to create new selections. Our last step is to use <Image> Select -> Invert and <Image> Edit -> Fill with BG Color. The result, a soft white fade into the background, is shown in the final step.

Final



And there you have it. Some more examples are listed below. Happy GIMPing!

Examples



The above image used <Image> Filters -> Noise -> Spread, with horizontal and vertical settings at 11, to get the effect.



I used some blurring and the <Image> Filters -> Distorts -> Newsprint plugin to get this effect.



As in the tutorial, this one used Waves, but instead of blurring, I used <Image> Filters -> Blur -> Pixelize instead.

The Original Tutorial can be found Here!
133  Front Desk / News / More Smlies Added on: November 04, 2007, 10:31:14 pm
Well a new set of Smilies has been added to the forum.  Simple Sibyl made them for us.  We are going to get more smiles later on in the week so keep looking out for them.
134  Graphics Help / Photoshop Tutorials / Graphic Size Guide on: November 04, 2007, 01:41:50 pm
135  Graphics Help / Photoshop Tutorials / Re: How to make a warp background on: November 02, 2007, 10:32:27 pm
Thats a pretty good tutorial.  Great job on it.

Here is my try at it.
Pages: 1 ... 7 8 [9] 10 11
Affiliates
 Our Code
Free Rice Angelicum Role Play
Ultimate Graphics