The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[HELP] Scripting help for Forum Theme and stuff

3 posters

Go down

[HELP] Scripting help for Forum Theme and stuff Empty [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 27th 2015, 7:49 am

I need help with some scripting here since i don't have any idea how it works (Don't worry, i'm not a newbie when it comes to stuff like this).
I provided a picture to show you what i really want in my forum
(1) https://imgur.com/wZ9X4W7 , (2) https://imgur.com/mwt5ul5

Picture (1):

• Is it possible to make my Login/Register/Search looks exactly like in the first picture? If not, what is the closest possible way to make it almost look like that?
• Is it possible to only have Home and Help in the Header? If not, I know what to do.
• Date and time in the upper right corner
• The theme. I would like to make it look just like that. (How the forum looks)
Visible number of Posts and Topics
• (Not in the print screen but) Cursor hovered over the title of a category underlines it.
• Overlap the "New/Locked" stuff like in this picture http://www.estetica-design-forum.com/attachment.php?attachmentid=3725&d=1299778498

Picture (2):
Nothing much here
• That "TOP" thing when clicked, will send you at the top part of the forum

I only need some scripting help since i'm already good at Graphic Designing. Your help will be much appreciated! Looking forward to your nice replies.

EDIT: I manage to modify some scripts on my own but i was wondering what pun do? Will i still be able to use these lines in other phpBB3 theme?
EX:
Code:
.pun {
  width: 1000px;
  background: #56433C!important;
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;


Last edited by Splurkey on May 27th 2015, 9:39 pm; edited 5 times in total
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by SLGray May 27th 2015, 7:54 am

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.


[HELP] Scripting help for Forum Theme and stuff Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 27th 2015, 8:01 am

Sorry, can't think of any good title. Anyways, it's done.
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 27th 2015, 12:06 pm

Can you provide us with that forums link?
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 27th 2015, 3:52 pm

this is the forum link in the picture: http://ptpmp.net/forum/index.php
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 27th 2015, 10:44 pm

Css:

Code:
#topbar {
  background: #f1f0ee url(http://i19.servimg.com/u/f19/14/95/76/77/topbar10.png) 0 100% repeat-x;
  border-top: 1px solid #fff;
  height: 60px;
}

#userbox {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/userbo10.png) 0 0 no-repeat;
  height: 63px;
  margin: 20px 0 0 -8px;
  float: left;
}

#userbox ul, #search ul {
  float: left;
  padding: 0 8px;
  margin: 13px 0 0;
  font-family: 'Yanone Kaffeesatz';
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  font-size: 18px;
}

#userbox li, #search ul {
  float: left;
  padding: 0 4px;
  line-height: 26px;
  list-style: none;
}

#userbox a.login {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -198px no-repeat;
  width: 100px;
}
#userbox a.register {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -167px no-repeat;
  width: 80px;
}

#userbox li a, #search li a {
  display: inline-block;
  height: 26px;
  padding: 0;
}




#search {
  float: left;
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/userbo10.png) 100% 0 no-repeat;
  width: 220px;
  height: 63px;
  margin-top: 20px;
}

#search a.search2{
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -105px no-repeat;
  border: none;
  width: 60px;
  height: 26px;
  margin: 0px;
  cursor: pointer;
}

HTML:

Code:
<div id="topbar">
   <div id="userbox">
      <ul>
         <li><a class="login" href="/login"></a></li>
         <li><a class="register" href="/register"></a></li>
         <li><a class="search" href="/search"></a></li>
         
      </ul>
   </div>
   <div id="search">
      <ul>
         <li><a class="search2" href="/search"></a></li>
         
      </ul>
   </div>
</div>

Put it where ever you want Smile


Edit:
I do not have time to answer all of your questions but almost all of them are possible to do.
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 28th 2015, 12:25 am

I tried the CSS and nothing happen. Same as HTML, did i do anything wrong?

Here are my CSS, it might have conflicted with the code or idk.
Code:
#topbar {
  background: #f1f0ee url(http://i19.servimg.com/u/f19/14/95/76/77/topbar10.png) 0 100% repeat-x;
  border-top: 1px solid #fff;
  height: 60px;
}

#userbox {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/userbo10.png) 0 0 no-repeat;
  height: 63px;
  margin: 20px 0 0 -8px;
  float: left;
}

#userbox ul, #search ul {
  float: left;
  padding: 0 8px;
  margin: 13px 0 0;
  font-family: 'Yanone Kaffeesatz';
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  font-size: 18px;
}

#userbox li, #search ul {
  float: left;
  padding: 0 4px;
  line-height: 26px;
  list-style: none;
}

#userbox a.login {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -198px no-repeat;
  width: 100px;
}
#userbox a.register {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -167px no-repeat;
  width: 80px;
}

#userbox li a, #search li a {
  display: inline-block;
  height: 26px;
  padding: 0;
}




#search {
  float: left;
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/userbo10.png) 100% 0 no-repeat;
  width: 220px;
  height: 63px;
  margin-top: 20px;
}

#search a.search2{
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -105px no-repeat;
  border: none;
  width: 60px;
  height: 26px;
  margin: 0px;
  cursor: pointer;
}
body {
  background-image: url('http://files.customize.org/download/wallpapers/64322/66635/Psychedelic_Apples_of_Death-1680x1050.jpg');
}
a {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none!important;
  color: #FEEEDE!important;
}
.pun {
  width: 1000px;
  background: #56433C!important;
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;
}
#pun-title {
  display: none!important;
}
#main-content {
  padding: 0 15px;
}
.pun .main-content {
  border: none!important;
}
.main .main-foot, .main .main-head {
  padding: 10px;
  background: url("http://i19.servimg.com/u/f19/19/12/82/11/mpaged11.png") no-repeat;
}
.pun .paged-foot, .pun .paged-head {
  margin: 10px 0;
  background: none!important;
  border: none!important;
}
.paged-head h1 {
  color: #FEEEDE!important;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding: 10px;
}
#pun-visit, .main-box {
  color: #FEEEDE!important;
  background: transparent!important;
  border: none!important;
}
.main-box li a {
  color: #FEEEDE!important;
}
a.forumtitle {
  color: #56433C!important;
}
a.topictitle {
  color: #56433C!important;
}
.pun table .tcr a {
  color: #56433C!important;
}
a.gensmall {
  color: #56433C!important;
}
#pun-legend li {
  color: #FEEEDE!important;
}
.pun-legend li {
  color: #FEEEDE!important;
}
.pun .postmain {
  background: #FEEEDE!important;
  border-left: 1px solid #AA9868;
}
.pun .posthead {
  background: #AA9868!important;
  border-bottom: none!important;
}
.pun .topic {
  background: #FEEEDE!important;
}
.postfoot {
  background: #AA9868!important;
  border-top: none!important;
  margin-left: 0!important;
}
.pun .post {
  border: none!important;
}
#profile-advanced-details .main-content {
  background: #FEEEDE!important;
}
#profile-advanced-right .main-content {
  background: #FEEEDE!important;
}
#tabs ul li a {
  border: none!important;
  background: #866842!important;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #89693C;
}
#pun-announcement {
  background: transparent!important;
  border: none!important;
}
.pun table.table th {
  background: #aa9868;
  color: #FEEEDE;
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
}
.pun table.table td {
  background: #FEEEDE;
  border: 1px solid #AA9868;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background: #FEEEDE;
}
.pun h2 {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #FEEEDE;
  letter-spacing: 1;
}
#stats, #onlinelist {
  background: #FEEEDE;
  border-color: #AA9868;
}
#pun-intro {
  height: 350px;
  padding: 0!important;
  background: url("http://i.imgur.com/UZUOS07.jpg") no-repeat;
  border-bottom: none!important;
}
#pun-navlinks {
  background-image: url('http://i.imgur.com/saLDqQW.jpg');
  background-position: center;
  background-size: contain;
}
#pun-navlinks ul {
  text-align: center;
  padding: 10px 5px;
  border-width: 1px 1px 1px 1px;
  border-style: dashed;
  border-color: #3b3b3b;
  border-radius: 0px;
}
#pun-navlinks li a {
  font-family: century gothic;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FEEEDE!important;
}
#pun-navlinks li a:hover {
  color: #fff!important;
}
#pun-about {
  background: none!important;
  border: none!important;
}
#pun-foot {
  height: 150px;
  background: url("http://i.imgur.com/9B1DjLf.png") no-repeat;
}
#qjump {
  display: none!important;
}

as for the HTML, i tried putting it in Module > HTML. doesn't seem to work.
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 28th 2015, 8:20 am

Try putting the html somewhere else try this:

ACP ->Display -> templates -> General -> overall_header

Search for :
Code:
<div class="pun">

then put the html directly after it
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 28th 2015, 8:20 am

Your css looks good Very good
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 28th 2015, 3:06 pm

I can only see dots like this •
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 28th 2015, 11:02 pm

It looks like this on my test forum:

[HELP] Scripting help for Forum Theme and stuff Topbar10

So you probably doing something wrong :S
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 29th 2015, 3:38 am

Here is my HTML (overall_header). Mind modifying it yourself and i'll test it out if it works. Thanks!

I restored the overall_header to it's default so there's no changes in there.
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[
   jQuery().ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { 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}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(window).load(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {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"]);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (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>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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" style="z-index: 10000 !important;">
      <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 class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </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 -->

And here's my CSS just in case HTML don't work
Code:
body {
        background-image: url('http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/mainbg.jpg');
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}
a {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none!important;
  color: #FEEEDE!important;
}
.pun {
  width: 1000px;
  background: #56433C!important;
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;
}
#pun-title {
  display: none!important;
}
#main-content {
  padding: 0 15px;
}
.pun .main-content {
  border: none!important;
}
.main .main-foot, .main .main-head {
  padding: 10px;
  background: url("http://i19.servimg.com/u/f19/19/12/82/11/mpaged11.png") no-repeat;
}
.pun .paged-foot, .pun .paged-head {
  margin: 10px 0;
  background: none!important;
  border: none!important;
}
.paged-head h1 {
  color: #FEEEDE!important;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding: 10px;
}
#pun-visit, .main-box {
  color: #FEEEDE!important;
  background: transparent!important;
  border: none!important;
}
.main-box li a {
  color: #FEEEDE!important;
}
a.forumtitle {
  color: #56433C!important;
}
a.topictitle {
  color: #56433C!important;
}
.pun table .tcr a {
  color: #56433C!important;
}
a.gensmall {
  color: #56433C!important;
}
#pun-legend li {
  color: #FEEEDE!important;
}
.pun-legend li {
  color: #FEEEDE!important;
}
.pun .postmain {
  background: #FEEEDE!important;
  border-left: 1px solid #AA9868;
}
.pun .posthead {
  background: #AA9868!important;
  border-bottom: none!important;
}
.pun .topic {
  background: #FEEEDE!important;
}
.postfoot {
  background: #AA9868!important;
  border-top: none!important;
  margin-left: 0!important;
}
.pun .post {
  border: none!important;
}
#profile-advanced-details .main-content {
  background: #FEEEDE!important;
}
#profile-advanced-right .main-content {
  background: #FEEEDE!important;
}
#tabs ul li a {
  border: none!important;
  background: #866842!important;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #89693C;
}
#pun-announcement {
  background: transparent!important;
  border: none!important;
}
.pun table.table th {
  background: #aa9868;
  color: #FEEEDE;
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
}
.pun table.table td {
  background: #FEEEDE;
  border: 1px solid #AA9868;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background: #FEEEDE;
}
.pun h2 {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #FEEEDE;
  letter-spacing: 1;
}
#stats, #onlinelist {
  background: #FEEEDE;
  border-color: #AA9868;
}
#pun-intro {
  height: 350px;
  padding: 0!important;
  background: url("http://i.imgur.com/UZUOS07.jpg") no-repeat;
  border-bottom: none!important;
}
#pun-navlinks {
  background-image: url('http://i.imgur.com/saLDqQW.jpg');
  background-position: center;
  background-size: contain;
}
#pun-navlinks ul {
  text-align: center;
  padding: 10px 5px;
  border-width: 1px 1px 1px 1px;
  border-style: dashed;
  border-color: #3b3b3b;
  border-radius: 0px;
}
#pun-navlinks li a {
  font-family: century gothic;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FEEEDE!important;
}
#pun-navlinks li a:hover {
  color: #fff!important;
}
#pun-about {
  background: none!important;
  border: none!important;
}
#pun-foot {
  height: 150px;
  background: url("http://i.imgur.com/9B1DjLf.png") no-repeat;
}
#qjump {
  display: none!important;
}
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 29th 2015, 10:29 am

(overall_header)
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[
        jQuery().ready(function(){
            <!-- BEGIN switch_enable_pm_popup -->
              pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { 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}');
            if(report != null) { report.focus(); }
            <!-- END switch_report_popup -->
            <!-- BEGIN switch_ticker -->
              $(window).load(function() {
                  Ticker.start({
                      height : {switch_ticker.HEIGHT},
                      spacing : {switch_ticker.SPACING},
                      speed : {switch_ticker.SPEED},
                      direction : '{switch_ticker.DIRECTION}',
                      pause : {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"]);
        _gaq.push(['_trackPageLoadTime']);

        <!-- BEGIN google_analytics_code_bis -->
        _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
        _gaq.push(['b._trackPageview']);
        <!-- END google_analytics_code_bis -->

        (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>
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.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" style="z-index: 10000 !important;">
        <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 class="minwidth_IE">
        <div class="layout_IE">
            <div class="container_IE">
                <div class="wrapper-main">
                    <div class="pun">
                        <div id="topbar">
                            <div id="userbox">
                                <ul>
                                    <li><a class="login" href="/login"></a></li>
                                    <li><a class="register" href="/register"></a></li>

                                </ul>
                            </div>
                            <div id="search">
                                <ul>
                                    <li><a class="search2" href="/search"></a></li>

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

                            <!-- BEGIN switch_h1 -->
                            <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                            <!-- END switch_h1 -->
                            <!-- BEGIN switch_desc -->
                            <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                            <!-- END switch_desc -->
                        </div>
                        <div id="pun-head">
                            <div id="pun-navlinks">
                                <ul class="clearfix">
                                    <li>{GENERATED_NAV_BAR}</li>
                                </ul>
                            </div>
                        </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>
    </div>
</body>
</html>
<!-- END html_validation -->


CSS:

Code:

div#wrapper-main {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url(http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png);
  background-origin: padding-box;
  background-position: 100% 0;
  background-repeat: repeat;
  background-size: auto auto;
  width: 1020px;
  margin: 0 auto;
}

#topbar {
  background: #f1f0ee url(http://i19.servimg.com/u/f19/14/95/76/77/topbar10.png) 0 100% repeat-x;
  border-top: 1px solid #fff;
  height: 60px;
}

#userbox {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/userbo10.png) 0 0 no-repeat;
  height: 63px;
  margin: 20px 0 0 -8px;
  float: left;
}

#userbox ul, #search ul {
  float: left;
  padding: 0 8px;
  margin: 13px 0 0;
  font-family: 'Yanone Kaffeesatz';
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
  font-size: 18px;
}

#userbox li, #search ul {
  float: left;
  padding: 0 4px;
  line-height: 26px;
  list-style: none;
}

#userbox a.login {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -198px no-repeat;
  width: 100px;
}
#userbox a.register {
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -167px no-repeat;
  width: 80px;
}

#userbox li a, #search li a {
  display: inline-block;
  height: 26px;
  padding: 0;
}




#search {
  float: left;
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/userbo10.png) 100% 0 no-repeat;
  width: 220px;
  height: 63px;
  margin-top: 20px;
}

#search a.search2{
  background: url(http://i19.servimg.com/u/f19/14/95/76/77/ct_but10.png) 0 -105px no-repeat;
  border: none;
  width: 60px;
  height: 26px;
  margin: 0px;
  cursor: pointer;
}

body {
        background-image: url('http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/mainbg.jpg');
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}
a {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none!important;
  color: #FEEEDE!important;
}
.pun {
  width: 1000px;
  background: #56433C!important;
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;
}
#pun-title {
  display: none!important;
}
#main-content {
  padding: 0 15px;
}
.pun .main-content {
  border: none!important;
}
.main .main-foot, .main .main-head {
  padding: 10px;
  background: url("http://i19.servimg.com/u/f19/19/12/82/11/mpaged11.png") no-repeat;
}
.pun .paged-foot, .pun .paged-head {
  margin: 10px 0;
  background: none!important;
  border: none!important;
}
.paged-head h1 {
  color: #FEEEDE!important;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding: 10px;
}
#pun-visit, .main-box {
  color: #FEEEDE!important;
  background: transparent!important;
  border: none!important;
}
.main-box li a {
  color: #FEEEDE!important;
}
a.forumtitle {
  color: #56433C!important;
}
a.topictitle {
  color: #56433C!important;
}
.pun table .tcr a {
  color: #56433C!important;
}
a.gensmall {
  color: #56433C!important;
}
#pun-legend li {
  color: #FEEEDE!important;
}
.pun-legend li {
  color: #FEEEDE!important;
}
.pun .postmain {
  background: #FEEEDE!important;
  border-left: 1px solid #AA9868;
}
.pun .posthead {
  background: #AA9868!important;
  border-bottom: none!important;
}
.pun .topic {
  background: #FEEEDE!important;
}
.postfoot {
  background: #AA9868!important;
  border-top: none!important;
  margin-left: 0!important;
}
.pun .post {
  border: none!important;
}
#profile-advanced-details .main-content {
  background: #FEEEDE!important;
}
#profile-advanced-right .main-content {
  background: #FEEEDE!important;
}
#tabs ul li a {
  border: none!important;
  background: #866842!important;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #89693C;
}
#pun-announcement {
  background: transparent!important;
  border: none!important;
}
.pun table.table th {
  background: #aa9868;
  color: #FEEEDE;
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
}
.pun table.table td {
  background: #FEEEDE;
  border: 1px solid #AA9868;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background: #FEEEDE;
}
.pun h2 {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #FEEEDE;
  letter-spacing: 1;
}
#stats, #onlinelist {
  background: #FEEEDE;
  border-color: #AA9868;
}
#pun-intro {
  height: 350px;
  padding: 0!important;
  background: url("http://i.imgur.com/UZUOS07.jpg") no-repeat;
  border-bottom: none!important;
}
#pun-navlinks {
  background-image: url('http://i.imgur.com/saLDqQW.jpg');
  background-position: center;
  background-size: contain;
}
#pun-navlinks ul {
  text-align: center;
  padding: 10px 5px;
  border-width: 1px 1px 1px 1px;
  border-style: dashed;
  border-color: #3b3b3b;
  border-radius: 0px;
}
#pun-navlinks li a {
  font-family: century gothic;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FEEEDE!important;
}
#pun-navlinks li a:hover {
  color: #fff!important;
}
#pun-about {
  background: none!important;
  border: none!important;
}
#pun-foot {
  height: 150px;
  background: url("http://i.imgur.com/9B1DjLf.png") no-repeat;
}
#qjump {
  display: none!important;
}



This includes the answer to this question as well:

https://help.forumotion.com/t140903-punbb-custom-border
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by meelad_sd May 29th 2015, 10:35 am

Change
Code:
 div#wrapper-main

to
Code:
.wrapper-main

sorry for that.

Result from my test forum:
[HELP] Scripting help for Forum Theme and stuff Untitl10
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

[HELP] Scripting help for Forum Theme and stuff Empty Re: [HELP] Scripting help for Forum Theme and stuff

Post by Splurkey May 30th 2015, 3:21 am

Yes it does work but it didn't turn the way i want it. Thank you for your help anyway, this solved my problem (50%)
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

Back to top


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