Need Code Master!

Forum Home

FAQ

Memberlist

Profile

Register - Not registered yet? Got something to say? Join HTML Code Tutorial!

Need Code Master!

HTML Help Forum Index -> CSS

View previous topic :: View next topic

Author

Message

Axl777

Joined: 19 Jul 2008
Posts: 1

Posted: Sat Jul 19, 2008 1:48 pm Need Code Master!

I need a CSS Master to help run my VideoPortal. Halo Nation

The regualar site is run by forumotion but the video portal is run by Vidiac, and is only editable through CSS.

If anyone can, make a theme for the VideoPortal based on my website design. Contact me when you are done! Thanks!

Things that may be helpful:

Default Vidiac Code:
Pre-Portal Code:

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>

<div id="contentdefault">
<h2 id="sitename"></h2>

<ul id="nav1">
   <li><a href="http://www.vidiac.com" class="link1">More Videos</a></li>
   <li><a href="http://www.vidiac.com/channels.aspx#categories" class="link2">Channels</a></li>
   <li><a href="http://forums.streetfire.net/forumdisplay.php?f=32" class="link3">Help Forums</a></li>
</ul>


<ul id="nav2">
</ul><br />

<div id="vidiacinterface">

Body CSS Style:

Code:

body {
background-color: #fff;
background-image: url(http://www.vidiac.com/images/vidiac/background.png);
background-repeat: repeat-x;
background-position: 0px 0px;
margin:0 0 0 0;
font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;
}
.clear {
clear:both;
height:0;
}
b.clear {
display:block;
clear:both;
height:0;
width:0;
margin:0;
padding:0;
}
#content
{
background-image:url(http://www.vidiac.com/images/vidiac/header.png);
background-repeat:no-repeat;
width:760px;
position:absolute;
left:50%;
margin:0 0 0 -380px;
width:760px;
font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;
}
#contentdefault
{
background-image:url(http://www.vidiac.com/images/vidiac/headerdefault.png);
background-repeat:no-repeat;
width:760px;
position:absolute;
left:50%;
margin:0 0 0 -380px;
width:760px;
font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #000;
}
h1 {
display:none;
visibility:hidden;
}
#sitename {
position: absolute;
top: 20px;
left: 30px;
margin: 0px;
padding: 0px;
}
#nav1, #nav2 {
display:block;
list-style:none;
padding: 0 0 0 0;
}
#nav1 {
margin:0 10px 0 450px;
height:40px;
width:300px;
}
#nav1 li {
display:inline;
}
#nav1 a {
display:block;
float:left;
margin:20px 1px 0 2px;
height:20px;
width:94px;
text-align:center;
background-image:url(http://www.vidiac.com/images/vidiac/tabs.gif);
background-repeat:no-repeat;
background-position: 0px -20px;
color:#000000;
text-decoration:none;
overflow: hidden;
}
#nav1 li.selected a {
background-position: 0px 0px;
}
#nav1 a:hover {
background-position: 0px -40px;
}
#nav2 {
margin: 0 10px 0 10px;
height:30px;
}
#nav2 li {
display:inline;
text-align:center;
}
#nav2 li a {
display:block;
float:left;
margin-top:10px;
height:20px;
}
#nav2 li.middle a {text-align:center; width: 139px;}
#nav2 li.left a {text-align:center; width: 299px}
#nav2 li.right a {text-align:center; width: 299px}

#startyoursite {
margin:0 10px 0 10px;
height:150px;
width:740px;
background-image:url(http://www.vidiac.com/images/vidiac/startasite.png);
background-repeat:no-repeat;
}
#startyoursite ul {
list-style:none;
margin:0px 4px 0 0;
padding:0;
color:#888;
font-size: 10px;
width: 220px;
text-align:right;
line-height: 20px;
}
#startyoursite .right {
float:right;
text-align:left;
}
#startyoursite strong {
font-size:12px;
}
#startyoursite a {
display:block;
background-image:url(http://www.vidiac.com/images/vidiac/button.png);
background-repeat:no-repeat;
width:220px;
height:20px;
text-align:center;
margin-top: 10px;
}
#startyoursite a.right {
text-align:center;
}
#vidiacinterface {
margin: 0 10px 0 10px;
}

/*****************BEGIN VIDEO WIDGET INSERT HERE*******************
***************** Default Vidiac THEME *******************/

/***    Bounding box around Thumbs, and current video description    ***/
td.v7-video-preview
{
   border: #E5ECF9 1px solid;
}

/***    Hyperlinked text in Selected Tabs          ***/
a.v7-selected
{
   color: #000000;
   text-decoration:none;
}
a.v7-selected:Hover
{
   text-decoration: underline;
}

/***    Used for most system hyperlinks, including unselected Tab ***/
a.v7
{
color: #000033;
text-decoration: none;
}
a.v7:Hover
{
   color: #333333;
   text-decoration: underline;
}

/***    Selected Tab                   ***/
td.v7-header
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #111111;
   background-color: #E5ECF9;
}

td.v7-header-unselected b
{
font-weight:normal;
}
/***    Unselected Tab                   ***/
td.v7-header-unselected
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #333333;
   border-bottom: #E5ECF9 1px solid;
}

/***    Used for Thumbnail links             ***/
a.v7-thumb
{
   border: #E5ECF9 1px solid;
}
a.v7-thumb:Hover
{
   border: #E5ECF9 1px solid;
}

/***    Used for all body text                ***/
.v7-text
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #111111;

}
.v7-text-small
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #111111;
}

td.v7-text
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #111111;
}
td.v7-text-strong
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #111111;
   font-weight: bold;
}

/*** Inputs and Forms                ***/
input.v7
{
width: 100px;
border: #000000 1px solid;
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
input.v7-browse
{
border: #000000 1px solid;
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
textarea.v7
{
width: 300px;
height: 75px;
border: #000000 1px solid;
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
select.v7
{
border: #000000 1px solid;
font-size: 12px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}

/*** commenting Styles                ***/
td.v7-comment1
{
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #111111;
}

td.v7-comment2
{
background-color: #E5ECF9;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
td.v7-comment-advertisement
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: 1px solid #E5ECF9;
font-weight: bold;
}
td.v7-comment-notice
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #000000;
font-weight: bold;
}
/*____________begin v3 css____________*/

.clear {clear:both}

/*______Profile Nav__________________________*/
ul.v3mainnav, ul.v3subnav {float:right;list-style:none; margin:0; padding:0; height:20px; clear:right;}
ul.v3mainnav {margin-top:4px}
ul.v3mainnav li, ul.v3subnav li {margin:0;padding:0;float:left;}
ul.v3mainnav li.v3selected {background-color:#CCC;}
ul.v3mainnav li a, ul.v3subnav li a {display:block; height:16px; text-align:center;font-family:Geneva, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;font-size: 12px; padding: 2px;}
ul.v3mainnav li a {width: 98px; }
ul.v3subnav li a {width: 140px;text-decoration:underline;}
ul.v3mainnav li a:hover {background-color:#CCCCCC;}
ul.v3subnav {border-top:1px solid #ccc;width: 720px;}

/*_____ rounded corners for #v3profile _____*/
#v3profile b.rtop, #v3profile b.rbottom{display:block;}
#v3profile b.rtop b, #v3profile b.rbottom b{display:block;height: 1px;overflow: hidden; background: #fff}
#v3profile b.r1{margin: 0 5px;border-left:solid 2px #eee;border-right:solid 2px #eee;}
#v3profile b.r2{margin: 0 3px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
#v3profile b.r3{margin: 0 2px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
#v3profile b.rtop b.r4, #v3profile b.rbottom b.r4{margin: 0 1px;height: 2px;border-left:solid 1px #ccc;border-right:solid 1px #ccc;}
#v3profile b.rtop b.r1{border-top:solid 1px #ccc;}
#v3profile b.rbottom b.r1{border-bottom:solid 1px #ccc;}
#v3profile div.v3body {background-color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc;padding: 0 5px 0 5px;}
/*_____ #v3profile _____*/
#v3profile {font-family:Verdana, Arial, Helvetica, sans-serif;width:728px;list-style: none;}
#v3rightcolumn {width:310px;float:right;}
#v3leftcolumn {width:410px;}
#v3profile .v3control {float:right;clear:left;}
#v3profile .v3footer {clear:left;}
#v3profile .v3ad div.v3content {text-align:center;}
#v3profile .v3container {margin-bottom: 5px;}
#v3profile .v3container p {padding:0px;margin: 0px;}
#v3profile .v3control {padding:0px 10px 0 0;font-size:9px;}
#v3profile h3 {margin:0;padding:0;font-size:14px;font-weight:normal;}
#v3profile .v3profilepicture {float:left;padding-left:10px;margin:10px 10px 0 0;}

#v3profile h1 {margin:0;padding:0;font-size:20px;font-weight:normal;float:left;}
#v3profile div.rate img {float:left;margin:4px 1px 0 0;}
#v3profile div.rate {margin:0px 5px 0px 10px;float:left;}
#v3profile .v3selected {font-weight:bold;}
#v3profile ul.v3friendlist {list-style:none;margin:0;padding:0;}
#v3profile ul.v3friendlist li {display:block; float:left; width:99px; text-align:center; margin: 0; padding: 0;}
#v3profile .v3friendlist h4 { font-weight:normal; margin:0; padding:0;}

/*_____ rounded corners for #v3whovoted _____*/
#v3whovoted b.rtop, #v3whovoted b.rbottom{display:block;}
#v3whovoted b.rtop b, #v3whovoted b.rbottom b{display:block;height: 1px;overflow: hidden; background: #fff}
#v3whovoted b.r1{margin: 0 5px}
#v3whovoted b.r2{margin: 0 3px}
#v3whovoted b.r3{margin: 0 2px}
#v3whovoted b.rtop b.r4, #v3whovoted b.rbottom b.r4{margin: 0 1px;height: 2px}
/*_____ #v3whovoted _____*/

#v3whovoted {width:400px;height:300px;}
#v3whovoted div.v3body {width:400px;height:300px;overflow:auto;background-color:#FFFFFF;}
#v3whovoted .v3leftcolumn, #v3whovoted .v3rightcolumn {float:left;width:45%;margin: 0;padding: 2px;border-top:1px solid #ccc;}
#v3whovoted .v3rightcolumn {border-left:1px solid #ccc;padding-left: 2px;}
#v3whovoted .v3close {float:right;}
#v3whovoted .v3voted {float:left;margin-left:2px;}
#v3whovoted .v3profilelink {font-style:normal;font-weight:normal;text-decoration:none;display:block;width:100%;margin: 2px 2px 2px 0px;}
#v3whovoted a.v3profilelink:hover {background-color:#eee;}
#v3whovoted .v3profilelink img {border:none;float:left;}
#v3whovoted .v3profilelink h4 {float:left;margin: 0 0 0 2px;padding:0;font-weight:normal;font-size:smaller;}
#v3whovoted .v3profilelink em {width:60%;float:left;padding-left:2px;font-size:smaller;}

/*________ Comments ______*/
a.v3postauthor{
float:left;
width:90px;
text-decoration:none;
}
.v3postauthor em {
font-size:xx-small;
display:block;
}

Post-Portal Code:

Code:

</div>

</div>
</td></tr></table>

My Forum Basic CSS:

Code:

body {
background-color: #000;
background-image: url("http://i45.servimg.com/u/f45/12/45/56/26/repeat10.jpg");
background-attachment: scroll;
scrollbar-face-color: #909090;
scrollbar-highlight-color: #000;
scrollbar-shadow-color: #000;
scrollbar-3dlight-color: #909090;
scrollbar-arrow-color: #000;
scrollbar-track-color: #000;
scrollbar-darkshadow-color: #909090;
}
th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a img {
border: none;
}
a:link,a:active,a:visited {
color : #cc0000;
}
a:hover{
text-decoration: underline;
color : #ff0000;
}
hr{
height: 0px;
border: solid #232323 0px;
border-top-width: 1px;
}
.bodyline{
background-color: #2d2d2d;
border: 1px #000 solid;
}
.bodylinewidth {
width:95%}
.forumline{
background-color: #0d0d0d;
border: 2px # solid;
}
td.row1{
background-color: #232323;
}
td.row2{
background-color: #202020;
}
td.row3{
background-color: #232323;
}
td.rowpic {
background-color: #ffffff;
background-image: url("http://illiweb.com/fa/extremedarkred/tdcat.jpg");
}
th {
color: #6a533b;
font-size: 11px;
font-weight : bold;
background-color: #0d0d0d;
height: 25px;
background-image: url("http://illiweb.com/fa/extremedarkred/toptable_2.gif");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://illiweb.com/fa/extremedarkred/tdcat.jpg");
background-color:#dee3e7;
border: #0d0d0d;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #0d0d0d;
border-style: solid;
height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #232323;
border: #0d0d0d;
border-style: solid;
}
td.pourcentback {
background-color : #000;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0px 1px 0px 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0px 1px 0px 0px;
}
th.thLeft,td.catLeft {
border-width: 0px 0px 0px 1px;
}
th.thBottom,td.catBottom {
border-width: 0px 1px 1px 1px;
}
th.thTop {
border-width: 1px 0px 0px 0px;
}
th.thCornerL {
border-width: 1px 0px 0px 1px;
}
th.thCornerR {
border-width: 1px 1px 0px 0px;
}
.maintitle{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #ffffff;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #ffffff;
}
a.gen,a.genmed,a.gensmall {
color: #cc0000;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #ff0000;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #ffffff }
a.mainmenu{
text-decoration: none;
color : #cc0000;
}
a.mainmenu:hover{
text-decoration: underline;
color : #ff0000;
}
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #cc0000}
a.cattitle{
text-decoration: none;
color : #cc0000;
}
a.cattitle:hover{
text-decoration: underline;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #cc0000;
}
a.forumlink {
text-decoration: none;
color : #cc0000;
}
a.forumlink:hover{
text-decoration: underline;
color : #ff0000;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #ffffff;
}
a.nav{
text-decoration: none;
color : #cc0000;
}
a.nav:hover{
text-decoration: underline;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #ffffff;
}
a.topictitle:link{
text-decoration: none;
color : #cc0000;
}
a.topictitle:visited{
text-decoration: none;
color : #cc0000;
}
a.topictitle:hover{
text-decoration: underline;
color : #ff0000;
}
.name{
font-size : 11px;
color : #ffffff;
}
.postdetails{
font-size : 10px;
color : #ffffff;
}
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #cc0000 }
a.postlink:visited{
text-decoration: none;
color : #cc0000;
}
a.postlink:hover{
text-decoration: underline;
color : #ff0000}
.code{
font-family: Courier,CourierNew,sans-serif;
font-size: 11px;
color: #2100ff;
background-color: #0d0d0d;
border: #232323;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #ffffff;
line-height: 125%;
background-color: #0d0d0d;
border: #232323;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #cc0000;
letter-spacing: -1px;
}
a.copyright{
color: #cc0000;
text-decoration: none;
}
a.copyright:hover {
color: #ff0000;
text-decoration: underline;
}
.coloradmin {
color: #ff0000}
.colormod {
color: #2100ff}
.mod-text {
font-weight: bold;
}
img{
border:0}
input,textarea, select {
color : #ffffff;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #ffffff;
}
input.post, textarea.post, select {
background-color : #0d0d0d;
}
input {
text-indent : 2px;
}
input.button {
background-color : #232323;
color : #ffffff;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #0d0d0d;
font-weight : bold;
}
input.liteoption {
background-color : #0d0d0d;
font-weight : normal;
}
.helpline {
background-color: #202020;
border-style: none;
}
input {
background-color: #202020;
}
button.button2, input.button2 {
font-size: 0.7em;
border: 1px solid #BCBCBC;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #ff0000;
color: #ff0000;
background-position: 0 100%;
}
* html button.button2, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2, *+html input.button2 {
height: 24px;
padding-right: 3px;
padding-left: 3px;
}
*+html button.button2 img {
vertical-align: middle;
}
* html button.button2 img {
vertical-align: middle;
}
button.bbcode {
border: 1px solid #e3adad;
background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
}
.select {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
position: absolute;
z-index:100;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
}
.selectHover {
cursor: pointer;
background-color: #EEEEEE;
}
.select p {
padding: 4px 6px;
font-size: 0.7em;
margin: 0px;
white-space: nowrap;
text-align: left;
}
.select button {
padding: 4px;
font-size: 0.9em;
margin: 0px;
background-color: #FFF;
border: none;
text-align:left;
}
.select button.button2 {
border:1px solid #BCBCBC;
padding: 0px;
}
* html .select button.button2 {
padding-right: 3px;
padding-left: 3px;
}
.select button.button2:hover {
border: 1px solid #ff0000;
color: #ff0000;
background-position: 0 100%;
}
textarea#text_editor_textarea {
width: 100% !important;
}
iframe#text_editor_iframe {
width: 100%;
height: 200px;
}
form#quick_reply textarea#text_editor_textarea {
width: 100% !important;
height: 100%;
}
form#quick_reply iframe#text_editor_iframe {
width: 100%;
}
* html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
*+html form#quick_reply iframe#text_editor_iframe {
width: 600px;
}
@import url("form_ie.css");
@media print {
body {
background-image: none;
background-color: #fff;
color: #000;
}
table.bodylinewidth span.maintitle {
display: block;
text-align: left;
}
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
display:none;
}
td.catHead, .t-title {
text-align: left;
}
table.bodylinewidth .cattitle {
letter-spacing: normal;
font-size: 1em;
}
.thLeft,.thRight {
color: #000;
border: none;
text-align:left;
}
.hr hr {
visibility: hidden;
}
.hr {
border-top: 1px dotted #ddd !important;
}
tr.post td {
vertical-align: top;
border-bottom: 1px solid #ccc;
}
tr.post td td {
border: none;
}
span.gen {
display: none;
}
}
ul.abuse {
list-style: none;
line-height: 1.5em;
font-size: 0.9em;
}
.rtl-spacer:before {
content: " ";
white-space: pre;
}
.rtl-spacer:after {
content: " ";
white-space: pre;
}
.warning {
color:#ff3333;
}
.captcha div.captcha-img {
float: left;
margin: 0 1em 0 0;
}
.captcha .inputbox {
margin-top: 0.5em;
}
.center {
text-align: center;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#add-google {
text-align: center;
margin: 0 auto;
}
#content-container #left {
width: 180px;
margin-right: 3px;
}
#content-container #right {
width: 180px;
margin-left: 3px;
}

Hope you can help.

PayneLess Designs

Joined: 28 Feb 2007
Posts: 1289
Location: Biloxi, MS

Posted: Sun Jul 27, 2008 5:32 pm

No way is someone going to do this free of chanrge. I suggest you open an account at GetaFreelancer and post your job requirements and pay range for job.

Display posts from previous:

	HTML Help Forum Index -> CSS	All times are GMT - 8 Hours
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

Your Ad Here

HOSTING / DESIGN

$1.99 Domain Registration
Cheap Web Hosting
Website Templates

MAKE MONEY

Sell Domain Names
Sell Website Templates

| | | | |