You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 [PunBB] ProWhite on Fri Jun 22, 2012 12:50 pm

Verrell123 Admin

avatar

ProWhite

Theme Name : ProWhite
Forum Version : PunBB
Main Color : White and Red
Template Usage : Yes (2 Templates)
Javascript Usage : No
Difficulty to Install : N/A
Time taken to create : Don't Remember
Custom Images : Yes.
Theme Description : The Theme is a clean, modern, white design.
Theme Author : Verrell123

DEMO:

Skin Information:
Step 1:
First you must go to hitskin to Install the skin on your forum.

Step 2:
The Templates:
Replace ALL OF overall_header WITH THE FOLLOWING:
Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
        <head>
          <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
          <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
          <meta http-equiv="content-script-type" content="text/javascript" />
          <meta http-equiv="content-style-type" content="text/css" />
          <!-- BEGIN switch_compat_meta -->
          <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
          <!-- END switch_compat_meta -->
          <!-- BEGIN switch_canonical_url -->
          <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
          <!-- END switch_canonical_url -->
          {META_FAVICO}
          {META}
          {META_FB_LIKE}
          <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
          {T_HEAD_STYLESHEET}
          {CSS}
          <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
          <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
          <script src="{JQUERY_PATH}" type="text/javascript"></script>
          <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

          <!-- BEGIN switch_fb_login -->
          <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
          <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
          <!-- END switch_fb_login -->

          <!-- BEGIN switch_ticker -->
          <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
          <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
          <!-- END switch_ticker -->

          <!-- BEGIN switch_ticker_new -->
          <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
          <script type="text/javascript">//<![CDATA[
              /* Definir le sens de direction en fonction du panneau admin */
              var tickerDirParam = "{switch_ticker.DIRECTION}";
              var slid_vert = false;
              var auto_dir = 'next';
              var h_perso = parseInt({switch_ticker.HEIGHT});

              switch( tickerDirParam )
              {
                case 'top' :
                    slid_vert = true;
                    break;

                case 'left':
                    break;

                case 'bottom':
                    slid_vert = true;
                    auto_dir = 'prev';
                    break;

                case 'right':
                    auto_dir = 'prev';
                    break;

                default:
                    slid_vert = true;
              }

              $(document).ready(function() {

                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});

                if (width_max > 0)
                {
                    $('#fa_ticker_content').css('display','block');

                    $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                      if ($(this).width() > width_item)
                      {
                      var ratio      = $(this).width() / width_item;
                      var new_height = Math.round($(this).height() / ratio);
                      $(this).height(new_height).width(width_item);
                      }
                    });

                    if (slid_vert)
                    {
                      var height_max = h_perso;

                      $('ul#fa_ticker_content li').each( function () {
                          if ($(this).height() > height_max)
                          {
                            height_max = $(this).height();
                          }
                      } );

                      $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                      $('ul#fa_ticker_content li').height(height_max);
                    }

                    $('#fa_ticker_content').jcarousel({
                          vertical: slid_vert,
                      wrap: 'circular',
                      auto: {switch_ticker.STOP_TIME},
                      auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                    });
                }
                else
                {
                    $('ul#fa_ticker_content li:not(:first)').css('display','none');
                    $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
                }
              });
          //]]>
          </script>
          <!-- END switch_ticker_new -->

          <script type="text/javascript">
          //<![CDATA[
          $(document).ready(function(){
              <!-- BEGIN switch_enable_pm_popup -->
                pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
                pm.focus();
              <!-- END switch_enable_pm_popup -->
              <!-- BEGIN switch_report_popup -->
                report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                report.focus();
              <!-- END switch_report_popup -->
              <!-- BEGIN switch_ticker -->
                ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
              <!-- END switch_ticker -->
          });

          <!-- BEGIN switch_login_popup -->
              var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
          <!-- END switch_login_popup -->

          <!-- BEGIN switch_login_popup -->
          $(document).ready( function() {
              $(window).resize(function() {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                "left": windowWidth/2 - popupWidth/2
                    });
              });
          });
          <!-- END switch_login_popup -->
          //]]>
          </script>
          {GREETING_POPUP}
          <!-- BEGIN switch_ticker_new -->
          <style>
          .jcarousel-skin-tango .jcarousel-item {
              text-align:center;
              width: 10px;
          }

          .jcarousel-skin-tango .jcarousel-item-horizontal {
              margin-right: {switch_ticker.SPACING}px;
          }

          .jcarousel-skin-tango .jcarousel-item-vertical {
              margin-bottom: {switch_ticker.SPACING}px;
          }
          </style>
          <!-- END switch_ticker_new -->
          {HOSTING_JS}
          <!-- BEGIN google_analytics_code -->
          <script type="text/javascript">
          //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
            _gaq.push(["_trackPageview"]);

            (function() {
              var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
              ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
              var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
            })();
          //]]>
          </script>
          <!-- END google_analytics_code -->
        </head>
               
        <body>
                                <div id="pun-navlinks">
                            <ul class="clearfix">
                                <li>{GENERATED_NAV_BAR}</li>
                            </ul>
                          </div>
          <!-- BEGIN hitskin_preview -->
          <div id="hitskin_preview" style="display: block;">
              <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
              <div class="content">
                <p>
                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                    <br />
                    <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                </p>
              </div>
          </div>
          <!-- END hitskin_preview -->

          <!-- BEGIN switch_login_popup -->
          <div id="login_popup" class="module main">
              <div id="login_popup_title" class="main-head">
                <div class="h3">{SITENAME}</div>
              </div>
              <div class="main-content">
                {LOGIN_POPUP_MSG}
                <div id="login_popup_buttons">
                    <form action="{S_LOGIN_ACTION}" method="get">
                      <input type="submit" class="button2" value="{L_LOGIN}" />
                      <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                      <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
                    </form>
                </div>
              </div>
          </div>
          <!-- END switch_login_popup -->

          <a id="top" name="top" accesskey="t"></a>

          <div id="pun-intro" class="clearfix"><div class="cAlign">
            <br /><a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

          </div></div>
          <div class="minwidth_IE">
         
              <div class="layout_IE">
                <div class="container_IE">
                           
                    <div class="pun">
                 
                      <div id="pun-head">
                     
                      </div>

                      <!-- BEGIN switch_ticker_new -->
                      <div id="fa_ticker_block" style="padding-top:4px;">
                          <div class="module main">
                            <div class="main-content clearfix">
                                <div id="fa_ticker_container">
                                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                                      <!-- BEGIN ticker_row -->
                                      <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                      <!-- END ticker_row -->
                                  </ul>
                                </div>
                            </div>
                          </div>
                      </div>
                      <!-- END switch_ticker_new -->

                      <!-- BEGIN switch_ticker -->
                      <div id="fa_ticker_block" style="padding-top:4px;">
                          <div class="module main">
                            <div class="main-content clearfix">
                                <div id="fa_ticker_container">
                                  <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                      <div class="fa_ticker_content">
                                        <!-- BEGIN ticker_row -->
                                        <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                        <!-- END ticker_row -->
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                      <!-- END switch_ticker -->

                      <div id="page-body">
                          <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                            <div id="outer-wrapper">
                                <div id="wrapper">
                                  <div id="container">
                                      <div id="content">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                        <div id="main">
                                            <div id="main-content">

        <!-- BEGIN html_validation -->
                                            </div>
                                        </div>
                                      </div>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                    </div>
                </div>
              </div>
          </div>
        </body>
        </html>
        <!-- END html_validation -->
Replace ALL OF index_box WITH THE FOLLOWING:
Code:
    <div class="button"><div class="pun-crumbs">    <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>  </div></div><div class="main"> <!-- BEGIN catrow -->    <!-- BEGIN tablehead -->      <br><div class="main-head">          <div class="page-title">{catrow.tablehead.L_FORUM}</div>      </div>      <div class="button" style="padding:5px;margin-bottom:0px;">          <table cellspacing="0" class="table">            <thead>                <tr>                  <th class="tcl"><img src="http://cdn3.iconfinder.com/data/icons/fugue/icon/eye.png" height="12"> Category</th>                                    <th class="tcr"><img src="http://cdn2.iconfinder.com/data/icons/splashyIcons/comment_reply.png" height="12"> Last comment</th>                </tr>            </thead>            <tbody class="statused">    <!-- END tablehead -->    <!-- BEGIN forumrow -->                <tr>                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">                      <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />                      </span>                      <h{catrow.forumrow.LEVEL} class="hierarchy"><a id="south" href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>                      <br />                      {catrow.forumrow.FORUM_DESC}                      <!-- BEGIN switch_moderators_links -->                      <br />                      {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}                      <!-- END switch_moderators_links -->                      {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}                      <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}                  </td>                                    <td class="tcr"><div class="button" style="    padding-left: 10px;    padding-top: 5px;    padding-bottom: 5px;    width: 250px; ">                      <span>                      <!-- BEGIN switch_topic_title -->                      <a id='south' href='{catrow.forumrow.U_LATEST_TOPIC}' title='{catrow.forumrow.LATEST_TOPIC_NAME}'>{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />                      <!-- END switch_topic_title -->                      {catrow.forumrow.USER_LAST_POST}<br><br>                  <i><font color="blue">{catrow.forumrow.POSTS}</font></i> <b><font color="black">Comments</font></b> in <i><font color="red">{catrow.forumrow.TOPICS}</font></i> <b><font color="black">topics</font></b>                      </span><br>                  </div></td>                </tr>    <!-- END forumrow -->    <!-- BEGIN tablefoot -->            </tbody>          </table>      </div>    <!-- END tablefoot --> <!-- END catrow --> </div> <!-- BEGIN switch_on_index --><div class="main-box clearfix">    <ul>      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>    </ul>    <!-- BEGIN switch_delete_cookies -->    <p class="right">      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>    </p>    <!-- END switch_delete_cookies --> </div> <!-- END switch_on_index -->

Hope you like it Wink

Theme Owner

View user profile http://forum.verrell123.co.cc/

2 Re: [PunBB] ProWhite on Sat Jun 23, 2012 10:54 am

8/10 Laughing

View user profile

3 Re: [PunBB] ProWhite on Sat Jun 23, 2012 10:59 am

NvRDream Admin

avatar
9/10
looks pretty good.

View user profile

4 Re: [PunBB] ProWhite on Sat Jun 23, 2012 11:52 am

10/10!
Awesome Skin Laughing

View user profile http://freshartz2.indonesianforum.net/

5 Re: [PunBB] ProWhite on Mon Jul 02, 2012 10:06 am

10/10
Great Work!
I Love It I love you

View user profile

6 Re: [PunBB] ProWhite on Mon Jul 02, 2012 11:08 am

Will you make other theme verrell?

View user profile http://freshartz2.indonesianforum.net/

7 Re: [PunBB] ProWhite on Tue Jul 03, 2012 9:46 am

Verrell123 Admin

avatar
Linus wrote:Will you make other theme verrell?
I hope i got time to make it Smile

View user profile http://forum.verrell123.co.cc/

8 Re: [PunBB] ProWhite on Tue Jul 03, 2012 9:56 am

Verrell123 wrote:I hope i got time to make it Smile
Okay, I can't wait! Laughing

View user profile http://freshartz2.indonesianforum.net/

9 Re: [PunBB] ProWhite on Tue Jul 03, 2012 4:36 pm

Before freshartz, it was creativedesignz?

View user profile

10 Re: [PunBB] ProWhite on Tue Jul 03, 2012 8:53 pm

yep

View user profile

11 Re: [PunBB] ProWhite on Sun Jul 08, 2012 9:04 pm

Well, this is not your 100% work Sad
But nice them, even if in hitskin is not good...

View user profile

12 Re: [PunBB] ProWhite on Sun Jul 08, 2012 9:06 pm

Verrell123 Admin

avatar
Niko! wrote:Well, this is not your 100% work Sad
But nice them, even if in hitskin is not good...

What's wrong? i try to fixed it

View user profile http://forum.verrell123.co.cc/

13 Re: [PunBB] ProWhite on Mon Jul 09, 2012 8:03 am

Well, it's look bad at hitskin Razz

View user profile

14 Re: [PunBB] ProWhite on Tue Jul 10, 2012 2:35 pm

Verrell123 Admin

avatar
SeVeN wrote:Well, it's look bad at hitskin Razz

This is my first theme Shocked

View user profile http://forum.verrell123.co.cc/

15 Re: [PunBB] ProWhite on Tue Jul 10, 2012 2:47 pm

Verrell123 wrote:This is my first theme Shocked

I think it's good for first theme

View user profile http://freshartz2.indonesianforum.net/

Sponsored content

View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum

 


Sitemap
FreshArtz
FreshArtz © 2012
Design by Verrell123
Donate
Demo Page

About
We are Web Design and Coding forum, we will help member how to coding and design website, there many category about web design and coding.