vForums Support > Artwork & Design :: Graphics Discussion & Showoff :: > Reverse Arts
Reverse Arts - Posted By Reverse Blade (zohvi) on 5th Jul 08 at 7:39am
Dunno Where to put this since I can't post in premade board. Move if you have to.

The Site Comes with a flash banner, don't have .fla so just replace it with a image if you don't want it.

Also, the template isn't done with every image so update however you want.

Preview: Click Here

Code:
Code:
Select All
 
  1. <?xml version="1.0"?>
  2. <skin>
  3.     <name>Reverse Arts</name>
  4.     <banner></banner>
  5.     <colors>
  6.         <body_bg>26282d</body_bg>
  7.         <body_image>http://img507.imageshack.us/img507/3804/bg2ou7.jpg</body_image>
  8.         <body_color>000000</body_color>
  9.         <bg_position>top center</bg_position>
  10.         <bg_repeat>repeat</bg_repeat>
  11.         <border_color>191a1e</border_color>
  12.         <title1_bg>191a1e</title1_bg>
  13.         <title1_height>24</title1_height>
  14.         <title1_gradient>linear</title1_gradient>
  15.         <title1_color>FFFFFF</title1_color>
  16.         <title2_bg>26282d</title2_bg>
  17.         <title2_height>24</title2_height>
  18.         <title2_gradient>linear</title2_gradient>
  19.         <title2_color>FFFFFF</title2_color>
  20.         <window1_bg>FFFFFF</window1_bg>
  21.         <window1_gradient>linear</window1_gradient>
  22.         <window1_color>000000</window1_color>
  23.         <window2_bg>FFFFFF</window2_bg>
  24.         <window2_gradient>linear</window2_gradient>
  25.         <window2_color>000000</window2_color>
  26.         <welcome_color>000000</welcome_color>
  27.         <welcome_bg>f49e1b</welcome_bg>
  28.         <welcome_height>75</welcome_height>
  29.         <welcome_gradient>linear</welcome_gradient>
  30.         <menu_bg>191a1e</menu_bg>
  31.         <menu_gradient>linear</menu_gradient>
  32.         <menu_color>FFFFFF</menu_color>
  33.         <textarea_bg>FFFFFF</textarea_bg>
  34.         <textarea_color>000000</textarea_color>
  35.         <font_family>Verdana, Arial</font_family>
  36.         <font_size>12</font_size>
  37.         <link_color>db8b12</link_color>
  38.         <link_visited>db8b12</link_visited>
  39.         <link_hover>f7ad3e</link_hover>
  40.         <nav_link_color>db8b12</nav_link_color>
  41.         <nav_link_visited_color>db8b12</nav_link_visited_color>
  42.         <nav_link_hover_color>f7ad3e</nav_link_hover_color>
  43.         <width>700px</width>
  44.         <text_menu>2</text_menu>
  45.     </colors>
  46.     <images>
  47.         <board_on>http://img73.imageshack.us/img73/248/newxy5.jpg</board_on>
  48.         <board_off>http://img73.imageshack.us/img73/3296/oldqf2.jpg</board_off>
  49.         <poll_icon>http://rcode.webng.com/album/web/pol.png</poll_icon>
  50.     </images>
  51.     <headers>
  52.         <global>
  53. <div id="console"></div><div id="console2"></div>
  54. <div id="area">
  55.     <div id="knob"></div>
  56. </div>
  57.  
  58. <style>
  59. .title2 a:link, .title2 a:visited {
  60. text-decoration: none;
  61. }
  62. .cter {
  63. background-color: #191a1e;
  64. }
  65. .welcome, .menu, .head welcometable {
  66. display: none;
  67. }
  68. .re {
  69. color: #FFFFFF;
  70. font-size: 24px;
  71. display: inline;
  72. padding-left: 23px;
  73. font-variant: small-caps;
  74. }
  75. .ar {
  76. color: #f69937;
  77. font-size: 24px;
  78.  
  79. display: inline;
  80. font-variant: small-caps;
  81. }
  82. .n {
  83. background-color: #191a1e;
  84. padding: 3px;
  85. }
  86. .n a:hover {
  87. background-color: #2b2c33;
  88. padding-top: 3px;
  89. padding-bottom: 3px;
  90. text-decoration: none;
  91. }
  92. .n a:link, .n a:visited  {
  93. text-decoration: none;
  94. padding-top: 3px;
  95. padding-bottom: 3px;
  96. }
  97. .cte {
  98. background-color: #e2e2e2;
  99. border: 15px solid #191a1e;
  100. }
  101. .ct a:link {
  102. text-decoration: none;
  103. padding: 3px;
  104. }
  105. .ct a:visited {
  106. text-decoration: none;
  107. padding:3px;
  108. }
  109. .ct a:hover {
  110. background-color: #2b2c33;
  111. padding-top: 3px;
  112. padding-bottom: 3px;
  113. text-decoration: none;
  114. }
  115. </style>
  116.  
  117. <script>
  118. <!--
  119.  
  120. document.getElementsByTagName('table')[1].style.display='none';
  121. document.getElementsByTagName('table')[5].style.display='none';
  122.  
  123. //-->
  124. </script>
  125.  
  126. <center>
  127. <table cellspacing='0' cellpadding='0' class='cter' width='750px'>
  128. <tr>
  129. <td class='cter'  width='25%' align='left'>
  130. <div class='re'>Reverse</div><div class='ar'>Arts</div>
  131. </td>
  132. <td class='cter'  width='75%' valign='middle' align='center'>
  133. <div id='mnu'></div>
  134. </td>
  135. </tr>
  136. </table>
  137. <table cellspacing='0' cellpadding='0' class='cter' width='750px'>
  138. <tr>
  139. <td class='cter'  width='85%'>
  140. <center><embed src="http://www.swfcabin.com/swf-files/1215240140.swf" width="700" height="120" type="application/x-shockwave-flash" scale="ShowAll" play="true" loop="true" menu="false" wmode="Window" quality="1" id="tre"></embed></center>
  141. <br />
  142. <div id='nevt' style='display: inline; color: #fbae38;' class='n'></div>
  143. </td>
  144. </tr>
  145. </table>
  146. <table cellspacing='0' cellpadding='0' class='cter' width='750px'>
  147. <tr>
  148. <td class='cte'  width='100%'>
  149. <br />
  150. </center>
  151.  
  152. <script>
  153. <!--
  154.  
  155. var e=document.getElementsByTagName('td')[3].innerHTML;
  156. var d='<div class="ct">'+e+'</div>'
  157. d=d.replace(/::/g,'');
  158. document.getElementById('mnu').innerHTML=d;
  159.  
  160. //-->
  161. </script>
  162.         </global>
  163.         <main>
  164.  
  165.         </main>
  166.         <global_skin>
  167.  
  168.         </global_skin>
  169.         <main_skin>
  170.  
  171.         </main_skin>
  172.     </headers>
  173.     <footers>
  174.         <global>
  175. <script>
  176. <!--
  177.  
  178. if(vf_new_pms>=1) {
  179. var ntw='<font color="FFFFFF">You have '+vf_new_pms+' new pms.</font>';
  180. } else {
  181. var ntw='You have '+vf_new_pms+' new pms.';
  182. }
  183.  
  184. if(vf_username!='guest') {
  185. var d=document.getElementById('nav_tree').innerHTML+=' <div style="display: inline; padding-left: 30px;" align="right"> Hello, <a href="http://rarts.vforums.co.uk/action/view_profile">'+vf_displayname+'</a>! <a href="http://rarts.vforums.co.uk/action/pm/">'+ntw+'</a></span><br />';
  186. }
  187.  
  188. //-->
  189. </script>
  190.  
  191. <script>
  192. <!--
  193.  
  194. var d=document.getElementById('nav_tree');
  195. document.getElementById('nevt').innerHTML=d.innerHTML;
  196.  
  197. d.style.display='none';
  198.  
  199. //-->
  200. </script>
  201.  
  202. Template By Reverse Blade - <a href='www.swoopdesign.com'>Swoop Design</a>
  203. </td>
  204. </tr>
  205. </table>
  206.  
  207. <script>
  208. /*UBBC Drop Down.
  209. Coded By Wrighty
  210. No Ripping, Reposting or Claiming*/
  211.  
  212. if (get('ubbc_buttons','id')) {
  213.     var w_ub = [];
  214.     var c_ub = [];
  215.     var i_ub = get('ubbc_buttons','id').firstChild.getElementsByTagName('A');
  216.     var d_ub = document.createElement('SELECT');
  217.     d_ub.options[0] = new Option('UBBC Tags', null, null, null);
  218.     d_ub.onchange = function() {
  219.         eval(this.options[this.options.selectedIndex].value);
  220.     }
  221.     for (i=i_ub.length-1;i>= 0;i--) {
  222.         c_ub.push(i_ub[i].getAttribute('onClick'));
  223.         w_ub.push(i_ub[i].getElementsByTagName('IMG').item(0).alt) ;
  224.         i_ub[i].parentNode.removeChild(i_ub[i]);
  225.     }
  226.     for (i=0;i<w_ub.length;i++) {
  227.         d_ub.options[d_ub.options.length] = new Option(w_ub[i], c_ub[i], null, null);
  228.     }
  229.     get('ubbc_buttons','id').replaceChild(d_ub, get('ubbc_buttons','id').firstChild);
  230. }
  231. </script>
  232.         </global>
  233.         <main>
  234.  
  235.         </main>
  236.         <global_skin>
  237.  
  238.         </global_skin>
  239.         <main_skin>
  240.  
  241.         </main_skin>
  242.     </footers>
  243. </skin>
 
Re: Reverse Arts - Posted By blanka (blanka) on 15th Jul 08 at 5:59am
Not bad, Not bad.

The choice of colors are really awesome (mind if use something like it?) and fit with each other really well. Can't see the on/off icon much but from what i see it isnt bad. I know you are going for the simple look but i think there needs something added to the banner besides pluses.....i dunno. oh btw get grads plz