You are not connected. Please login or register

FreshArtz » Graphics Section »  » Templates/Themes » [PunBB] ProWhite

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

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

Verrell123 Admin

Verrell123

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:
[PunBB] ProWhite Previe10

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://2img.net/i/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

http://forum.verrell123.co.cc/

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

Reckling

Reckling
8/10 Laughing

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

NvRDream Admin

NvRDream
9/10
looks pretty good.

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

Linus

Linus
10/10!
Awesome Skin Laughing

https://freshartz2.indonesianforum.net/

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

SeVeN

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

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

Linus

Linus
Will you make other theme verrell?

https://freshartz2.indonesianforum.net/

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

Verrell123 Admin

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

http://forum.verrell123.co.cc/

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

Linus

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

https://freshartz2.indonesianforum.net/

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

SeVeN

SeVeN
Before freshartz, it was creativedesignz?

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

Chris Dans GFX

Chris Dans
yep

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

Niko!

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

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

Verrell123 Admin

Verrell123
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

http://forum.verrell123.co.cc/

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

SeVeN

SeVeN
Well, it's look bad at hitskin Razz

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

Verrell123 Admin

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

This is my first theme Shocked

http://forum.verrell123.co.cc/

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

Linus

Linus
Verrell123 wrote:This is my first theme Shocked

I think it's good for first theme

https://freshartz2.indonesianforum.net/

Sponsored content

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

FreshArtz » Graphics Section »  » Templates/Themes » [PunBB] ProWhite

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.