Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Game-Source 2018

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Game-Source 2018 Empty Game-Source 2018

Mesaj Scris de mr.franta Mar Apr 17, 2018 9:22 pm

Numele temei: Game-Source 2018
Autor: mr.franta
CSS personalizat si template-uri: DA
Culori: Negru-Verde
Versiune: PUNBB
Descriere:
O tema unica special pentru utilizatorii forumgratuit care iubesc gaming-ul sau temele inchise la culoare.Unica in lume aceasta tema unica are un meniu rar intalnit pe alte platforme avansate si este primul pe forumgratuit.
Aceasta este un update al unei teme luate de pe hitskin si de aceea am pastrat si niste legaturi intre teme pentru a nu uita ca si temele vechi au fost si sunt in continuare destul de avansate.
Sper sa va placa si sa o folositi cu placere.

https://i.servimg.com/u/f62/19/55/42/16/header11.png
https://i.servimg.com/u/f62/19/55/42/16/index_10.png
https://i.servimg.com/u/f62/19/55/42/16/index_11.png
https://i.servimg.com/u/f62/19/55/42/16/mesaje11.png
https://i.servimg.com/u/f62/19/55/42/16/topicl10.png
https://i.servimg.com/u/f62/19/55/42/16/viewto10.png

Template-uri:

Index_body
Cod:
{JAVASCRIPT}
{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
 <div class="main-content">
 <div id="stats">
 <p class="right">{TOTAL_POSTS}</p>
 <p>{TOTAL_USERS}</p>
 <p>{NEWEST_USER}</p>
 </div>
 <div id="onlinelist">
 <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
 <p class="right">
 <!-- BEGIN switch_viewonline_link -->
 <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
 <!-- END switch_viewonline_link -->
 <!-- BEGIN switch_viewonline_nolink -->
 {L_WHO_IS_ONLINE}
 <!-- END switch_viewonline_nolink -->
 </p>
 <p>{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}

 <br />
 {LOGGED_IN_USER_LIST}
</p>
 

 <div class="legenda">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</div>

 </div>
 
 </div>
</div>
<!-- END disable_viewonline -->


{CHATBOX_BOTTOM}



{AUTO_DST}

Index_box
Cod:
<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
  
        <div class="main"><script type="text/javascript">var num= 0; var curc;</script>
        <!-- BEGIN catrow -->
          <!-- BEGIN tablehead -->
              <div class="main-head" onClick=" if(this.nextSibling.style.display=='none') {my_setcookie(this.firstChild.id,'0',0,0); this.nextSibling.style.display='block';} else {my_setcookie(this.firstChild.id,'1',1,0); this.nextSibling.style.display='none'; }"  style="cursor:pointer;">
                <div class="page-title" id="cret">{catrow.tablehead.L_FORUM}</div><script type="text/javascript">curc= document.getElementById('cret'); curc.id+=(++num)+'_'+escape(curc.innerHTML);</script>

<i class="fa fa-toggle-down" style="float: right!important;position: relative;bottom: 14px;font-size: 16px;"></i>
          </div>
              <div class="main-content">
                <script type="text/javascript">if(my_getcookie(curc.id)=='1') curc.parentNode.nextSibling.style.display='none';</script>
 <table cellspacing="0" class="table">
 <thead style="display: none!important;">
 <tr>
 <th class="tcl">{L_FORUM}</th>
 <th class="tc2">{L_TOPICS}</th>
 <th class="tc3">{L_POSTS}</th>
 <th class="tcr">{L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <tr>
                                          <td class="row1_icon" align="center" valing="center" height="60px" width="50px">
                                           <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                          </td>
                                          
                                        
 <td class="tctl">
 <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
 <br />
                                                  <div class="descriere">{catrow.forumrow.FORUM_DESC}</div>
 <!-- BEGIN switch_moderators_links -->
 <br />
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
  <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 </td>
 <td class="tc2" align="right"  style="display: none!important;min-width: 60px!important;width: 60px!important;">
                                                  <b class="top">{catrow.forumrow.TOPICS}</b>
                                                  <span>topics         </span>
                                          </td>
 <td class="tc3" align="right" style="min-width: 60px!important;width: 60px!important;">
                                                  <b class="top">{catrow.forumrow.POSTS}</b>
                                                  <span>posts</span><br />
                                           <b class="top">{catrow.forumrow.TOPICS}</b>
                                                  <span>topics         </span></td>
                                          <td class="tc3" align="right" style="min-width: 60px!important;width: 60px!important;"></td>
 <td class="tcr" style="min-width: 220px!important;width: 220px!important;">
                            <!-- BEGIN ads -->
 <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
 </span>
                            <!-- END ads -->
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

 <span>
 <!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->
 {catrow.forumrow.USER_LAST_POST}
 </span>
 </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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 </p>
 <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
  
    
        <script type="text/javascript">var pvf= document.getElementById('main-content').firstChild; while(pvf.className!='forabg' && pvf.className!='h3' && (pvf=pvf.nextSibling) ); var i= 1; while(pvf && pvf.className=='forabg') { vf=pvf.firstChild.firstChild.nextSibling; vf.firstChild.style.cursor='pointer'; vf.firstChild.id='catret'+(i++); vf.firstChild.onclick=function() { if(parseInt(my_getcookie(this.id))==1) { my_setcookie(this.id,'0',0,0); this.parentNode.nextSibling.style.display='block'; } else { my_setcookie(this.id,'1',1,0); this.parentNode.nextSibling.style.display='none'; } }; if(parseInt(my_getcookie(vf.firstChild.id))==1) vf.nextSibling.style.display='none'; pvf= pvf.nextSibling; } </script>

Overal_header
Cod:
<!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 href="https://fonts.googleapis.com/css?family=Teko:400,500,600,700" rel="stylesheet">
        <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
       <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
      <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
          <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
    <link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
    <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
   <ink rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
     <script type="text/javascript" src="https://illiweb.com/rs3/34/frm/jquery/notif/FA.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Exo|Exo+2" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

 <!-- BEGIN switch_fb_login -->
 <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />
 <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JQUERY_DIR}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="https://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="https://{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>

  
  
<table class="headerbar" width="100%" border="0" cellpading="0" cellspacing="0">
    <tr>

      <td>
       <div id="pun-intro" class="clearfix">
   <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" />
           <!-- BEGIN switch_desc -->
 <span class="sursa">{switch_desc.SITE_DESCRIPTION}</span>
 <!-- END switch_desc -->
          </a>

 

 
 </div>
          <!-- BEGIN switch_user_logged_in -->
        <div class="pro" style="float: right">
            <a href="/profile?mode=editprofile" class="pro2">Profil</a>
  <a href="#" class="pro2" onclick="showhide(document.getElementById('notif_menu')); return false;"><span count-id="0">0</span> Notifications</a>
  <div id="notif_menu" class="pro2" style="display:none;z-index:10000"><h4><left>Notifications</left> <right><a href="#">Marchează-le pe toate ca citite</a></right></h4><ul><li class="clearfix _noNotif">No notifications</li></ul><span class="notif_footer"><a href="#">Afişează-le pe toate</a></span></div>
 
        <a href="/privmsg?folder=inbox" class="inbox">{PRIVATE_MESSAGE_INFO}</a>
            <a href="/login?logout" class="pro2">                 Deconectare</a>
        </div>
          <!-- END switch_user_logged_in -->
      </td>
      </tr>
  <tr>
    <th align="left" style="text-align: left!important">

    <button class="w3-bar-item w3-button tablink w3-red" onclick="openCity(event,'whos')"><i class="fa fa-paper-plane"></i>Navigare</button>
    <button class="w3-bar-item w3-button tablink" onclick="openCity(event,'activity')"><i class="fa fa-reorder"></i>Activity</button>
    <button class="w3-bar-item w3-button tablink" onclick="openCity(event,'suport')"><i class="fa fa-bullhorn"></i>Suport</button>
         <button class="w3-bar-item w3-button tablink" onclick="openCity(event,'download')"><i class="fa fa-download"></i>Download cs 1.6</button>
    <div class="cautaree">
      <form action="/search" method="get">
      <input type="hidden" name="mode" value="searchbox">
     <input type="text" class="inputbox medium" name="search_keywords">
       <input type="hidden" name="tt" value="1">
         <input type="submit" class="button1" value="cautare"><input id="rposts" type="radio" name="show_results" value="posts">
           <label for="rposts">Mesaje</label>
           <input id="rtopics" type="radio" name="show_results" value="topics" checked="checked">
             <label for="rtopics">Subiecte</label>
        </form>
           </div>
      <!-- BEGIN switch_user_logged_out -->
      <button class="w3-bar-item w3-button tablink" onclick="openCity(event,'login')"><i class="fa fa-bullhorn"></i>Conectare</button>
   <!-- END switch_user_logged_out -->
 </th>
  </tr>
  <tr>
    <td>
<div id="whos" class="w3-container w3-border city">

  <a class="mainmenu" href="/" >Forum</a>
  <a class="mainmenu" href="/calendar" >Calendar</a>
    <a class="mainmenu" href="/faq" >Faq</a>
 <a class="mainmenu" href="/groups" >Grupuri</a>
</div>
      
  
  
<div id="activity" class="w3-container w3-border city" style="display:none">
<!-- BEGIN switch_user_logged_in -->
<div style="float: right"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
 <a href="{U_SEARCH_SELF}">Mesajele mele</a>
 <a href="{U_MARK_READ}">Marcheaza tot ca citit</a>
  </div>
 <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>  <p>Ai scris {.USER_POST} mesaje pe forum</p>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->

  <p>{L_NOT_CONNECTED}  <div style="padding: 0px 6px!important"> </div>{L_LOGIN_REGISTER}</p>

<!-- END switch_user_logged_out -->

  </div>  
<div id="suport" class="w3-container w3-border city" style="display:none">

  <a href="/">Coding suport</a>
    <a href="/">Gaming</a>
   <a href="/">Forum</a>
    
</div>
<!-- BEGIN switch_user_logged_out -->
      <div id="login" class="w3-container w3-border city" style="display:none">


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 
              
<label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label> &nbsp;
<label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label> &nbsp;
 <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
{S_HIDDEN_FIELDS}<input class="mainoption" id="register_link" type="submit" name="login" value="{L_LOGIN}" />
 
 
 </form>

      </div>
      <!-- END switch_user_logged_out -->
    
    
    
          <div id="download" class="w3-container w3-border city" style="display:none">
Cs 1.6 no-lag
    </div>
    </td>
  </tr>


</table>
  

<script>
function openCity(evt, cityName) {
  var i, x, tablinks;
  x = document.getElementsByClassName("city");
  for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < x.length; i++) {
      tablinks[i].className = tablinks[i].className.replace(" w3-red", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " w3-red";
}
</script>
 <div class="minwidth_IE">
 <div class="layout_IE">
 <div class="container_IE">
 <div class="pun">
 
 

 <!-- 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 -->
  
  <style>
@import url('https://fonts.googleapis.com/css?family=Exo|Exo+2');
@import url('https://fonts.googleapis.com/css?family=Teko:400,500,600,700');

</style>



Ultima editare efectuata de catre mr.franta in Mar Apr 17, 2018 9:37 pm, editata de 1 ori
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1401
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome phpBB2

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Game-Source 2018 Empty Re: Game-Source 2018

Mesaj Scris de mr.franta Mar Apr 17, 2018 9:25 pm

Viewforum_body
Cod:

{BOARD_INDEX}

<div class="main paged">
 <div class="paged-head clearfix">
 <p class="paging">{PAGINATION}</p>
 <!-- BEGIN switch_user_authpost -->
 <p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>
 <!-- END switch_user_authpost -->
 </div>

 {TOPICS_LIST_BOX}

 <div class="paged-foot clearfix">
 <p class="paging">{PAGINATION}</p>
 <!-- BEGIN switch_user_authpost -->
 <p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>
 <!-- END switch_user_authpost -->
 </div>

</div>
<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>

<div id="pun-info" class="main">
 <div class="main-content">
 <div id="stats">
 <p class="right">{L_MODERATOR} : {MODERATORS}</p>
 {LOGGED_IN_USER_LIST}
 </div>
 <div id="onlinelist">
 <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
 </div>
 </div>
</div>

<!-- BEGIN switch_legend -->
<ul class="pun-legend">
 <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" />&nbsp;{L_FOLDER_NEW_IMG}</li>
 <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" />&nbsp;{L_FOLDER_HOT_NEW_IMG}</li>
 <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" />&nbsp;{L_FOLDER_LOCKED_NEW_IMG}</li>
</ul>
<ul class="pun-legend">
 <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" />&nbsp;{L_FOLDER_IMG}</li>
 <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" />&nbsp;{L_FOLDER_HOT_IMG}</li>
 <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" />&nbsp;{L_FOLDER_LOCKED_IMG}</li>
</ul>
<ul class="pun-legend">
 <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_ANNOUNCE_IMG}</li>
 <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" />&nbsp;{L_FOLDER_STICKY_IMG}</li>
 <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
</ul>
<!-- END switch_legend -->

viewtopic_body

Cod:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        if(typeof(_atc) == "undefined") {
            _atc = {  };
        }
    });

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</script>



<div class="pun-crumbs noprint clearfix">
 <span class="crumbs">
 <a href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;
 <strong><a href="{TOPIC_URL}"><span>{TOPIC_TITLE}</span></a></strong>
    </span>
    <div class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
 <!-- END switch_fb_likebtn -->
    </div>
</div>

<div class="main paged">
 <div class="paged-head clearfix">
            <h1>{TOPIC_TITLE}</h1>
 <!-- BEGIN topicpagination -->
 <p class="paging">{PAGINATION}</p>
 <!-- END topicpagination -->
 <p class="posting">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </p>
 </div>
 {POLL_DISPLAY}
 <div class="main-head clearfix">
 <p class="h2">
            <!-- BEGIN switch_isconnect -->
 <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;
            <!-- END switch_isconnect -->
            <a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
 {L_MESSAGE} [{PAGE_NUMBER}]
 </p>
 </div>

 <div class="main-content topic">
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
 <!-- END hidden -->
 
 <!-- BEGIN displayed -->
 
 <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
 <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
 <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
 <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
 <h2>
 <strong>{postrow.displayed.COUNT_POSTS}</strong>
 {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
 </h2>
 </div>

 <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
 <div class="user">
 <div class="user-ident">
 <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
 <div class="user-basic-info">
 {postrow.displayed.POSTER_AVATAR}<br />
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>
 </div>
 <div class="user-info">
 {postrow.displayed.ONLINE_IMG}
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </div>
 </div>

 <div class="post-entry">
 <div class="entry-content">
 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->
 <div>
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>

 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->

 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->
 <div class="clear"></div>
 </div>
 <p>
 {postrow.displayed.EDITED_MESSAGE}
 </p>
 </div>
 </div>
 </div>

 <!-- BEGIN switch_signature -->
 <div class="sig-content">
 {postrow.displayed.SIGNATURE_NEW}
 </div>
 <!-- END switch_signature -->

 <div class="postfoot">
 <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
 </div>
 <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
 {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
 </div>
 <div style="clear:both;"></div>
 </div>
 </div>
 </div>
 <!-- BEGIN first_post_br -->
 </div>
 <hr id="first-post-br" />
 <div class="main-content topic">
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 </div>

 <div class="main-foot clearfix">
 <p class="h2">
            <!-- BEGIN switch_isconnect -->
 <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;
            <!-- END switch_isconnect -->
            <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
 {L_MESSAGE} [{PAGE_NUMBER}]
 </p>
 <p class="options">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <!-- BEGIN viewtopic_bottom -->
 {S_TOPIC_ADMIN}
 <!-- END viewtopic_bottom -->
 </p>
 </div>

 <a name="bottomtitle"></a>

 <div class="paged-foot clearfix">
 <!-- BEGIN topicpagination -->
 <p class="paging">{PAGINATION}</p>
 <!-- END topicpagination -->
 <p class="posting">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </p>
 </div>

</div>

<div class="pun-crumbs">
 <p class="crumbs">
 <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
 <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
 </p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
 <div class="main-head clearfix">
 <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
 <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
 </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
 <div class="main-head clearfix">
 <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
 <p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
 </div>
 <div class="main-content clearfix">
 <!-- BEGIN link -->
 »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
 <div class="main-head clearfix">
 <p class="h2">{L_FORUM_RULES}</p>
 </div>
 <table class="main-content frm">
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules entry-content">
 {RULE_MSG}
 </td>
 </tr>
 </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
 <div class="main-content">
 <div id="stats">
 <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
 </div>
 </div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

mod_recent_topic

Cod:
<!-- PunBB Design - http://punbb-design.forumotion.com -->
    <!-- BEGIN scrolling_row -->
    <div class="module main">
     <div class="main-head"><div class="h3">Recent Topics</div></div>
        <div id="mod_recent_topics" class="main-content _sbcollapsable" style="margin: 0px; overflow: visible;">
            <ul class="ipsList_withminiphoto" style="margin: 0px !important;">
                <!-- BEGIN recent_topic_row -->
                <li class="clearfix">
                    <!-- BEGIN switch_poster -->
                    <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}" class="ipsUserPhotoLink left">
                        <img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini"
                           style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);
                                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">
                    </a>
                    <!-- END switch_poster -->
                    <div class="list_content" style="margin-left: 40px; word-wrap: break-word;">
                        <a onmouseover="document.getElementById('comments_scroll_container').stop();"
                           onmouseout="document.getElementById('comments_scroll_container').start();" class="ipsType_small" style="font-size: 12px;"
                           href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE} - criado em {scrolling_row.recent_topic_row.S_POSTTIME}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}
                        </a>
                        <p class="desc ipsType_smaller" style="color: rgb(119, 119, 119);">
                            <!-- BEGIN switch_poster -->
                            <a onmouseover="document.getElementById('comments_scroll_container').stop();"
                               onmouseout="document.getElementById('comments_scroll_container').start();"
                               href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}" style="font-size: 11px !important;">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}
                            </a>
                            <!-- END switch_poster -->
                            <!-- BEGIN switch_poster_guest -->
                            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
                            <!-- END switch_poster_guest -->
                             - {scrolling_row.recent_topic_row.S_POSTTIME}
                        </p>
                    </div>
                </li>
                <!-- END recent_topic_row -->
     </ul>
    </div>
    </div>
    <script type="text/javascript">
    //<![CDATA[
    $(function(){
     div_marquee('mod_recent_topics', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
    });
    //]]>
    </script>
    <!-- END scrolling_row -->
    <!-- BEGIN classical_row -->
    <div class="module main">
     <div class="main-head"><h3>Recent Topics</h3></div>
     <div id="mod_recent_topics" class="main-content _sbcollapsable" style="margin: 0px; overflow: visible;">
            <ul class="ipsList_withminiphoto" style="margin: 0px !important;">
                <!-- BEGIN recent_topic_row -->
                <li class="clearfix">
                    <!-- BEGIN switch_poster -->
                    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="ipsUserPhotoLink left">
                        <img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini"
                           style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);
                                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">                
                    </a>
                    <!-- END switch_poster -->
                    <div class="list_content" style="margin-left: 40px; word-wrap: break-word;">
                        <a href="{classical_row.recent_topic_row.U_TITLE}" class="ipsType_small" style="font-size: 12px;"
                           title="{classical_row.recent_topic_row.L_TITLE} - criado em {classical_row.recent_topic_row.S_POSTTIME}">{classical_row.recent_topic_row.L_TITLE}</a>
                        <p class="desc ipsType_smaller" style="color: rgb(119, 119, 119);">
                            <!-- BEGIN switch_poster -->
                            <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" style="font-size: 11px !important;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
                            <!-- END switch_poster -->
                            <!-- BEGIN switch_poster_guest -->
                            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
                            <!-- END switch_poster_guest -->
                             - {ON} {classical_row.recent_topic_row.S_POSTTIME}
                        </p>
                    </div>
                </li>
                <!-- END recent_topic_row -->
     </ul>
    </div>
    </div>
    <!-- END classical_row -->
    <script type="text/javascript">
    //<![CDATA[
    $(function () {
        /* DOM chached for fast execution! */
        var oTarget = $('#mod_recent_topics').find('ul.ipsList_withminiphoto > li');
     oTarget.each(function () {
            oThis = $(this); /* DOM chached for fast execution! */
            var load_container = oThis.children('a');
     var UserURL = load_container.attr('href');
            var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
            var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" ' +
                        '    style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
                       '        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
            var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage (Fastest!)*/
            /* If avatar alread saved, then no request member profile! */
            if(UserIMG) {
                load_container.children('img').attr('src', UserIMG);
            } else {
                /* if not, then only request per session!!! */            
                load_container.load(UserURL + ' #profile_tabs p img', function() {
                    var imgTag = load_container.children('img');
                  
                    if (imgTag.length == 0) {
                        load_container.append(sHtml);
                        /* Saves the default avatar in local storage */
                        sessionStorage.setItem(UserURL, def_img);
                    } else {
                        imgTag.attr('class','ipsUserPhoto ipsUserPhoto_mini');
                        imgTag.css({ 'width' : '30px', 'height' : '30px', 'border' : '1px solid rgb(213, 213, 213)', 'padding' : '1px',
                           'background' : 'none repeat scroll 0% 0% rgb(255, 255, 255)', 'box-shadow' : '0px 2px 2px rgba(0, 0, 0, 0.1)' });
                        /* Saves the member avatar in local storage */
                        sessionStorage.setItem(UserURL, imgTag.attr('src'));
                    }
                });
            }
     });
    });
    //]]>
    </script>

CSS
Cod:
/*PARTICULARITATI----------------------------------*/

body{
background-position: top center;
background-repeat: repeat-x;
background-attachment: fixed;
padding-top: 20px;
padding-bottom: 20px;
background: #181818!important;
font-family: 'Exo 2', sans-serif!important;
  font-weight: 500;
}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

select{
border: 1px solid #bbe300;
color: #bbe300;
background: #3A3A3A;}

input[type="submit"], input[type="reset"],  input[type="button"]{
white-space: none !important;
line-height: normal !important;
font-size: 1em !important;
font-weight: bold;
font-family: arial !important;
color: white;
height: 22px !important;
padding: 0 5px 2px 5px !important;
border: none;
text-shadow: 0px -1px 0px #404040;
background: #373737 url(http://i66.servimg.com/u/f66/11/96/49/61/button13.png) repeat-x;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom: 2px solid #232323;
cursor: pointer;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
border: none;
color: white;
background: #282828 url(http://i66.servimg.com/u/f66/11/96/49/61/button14.png) repeat-x;
border-bottom: 2px solid #1c1c1c;
text-shadow: 0px -1px 0px #363636;}

#text_editor_controls button.button2, #text_editor_controls input.button2{
cursor: pointer !important;
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/btn_bg10.png) repeat-x top !important;
padding: 3px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black;
text-shadow: none;
margin: 3px !important;}

#text_editor_controls button.button2:hover, #text_editor_controls input.button2:hover, .fontbutton.fontbutton_normal{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/btn_bg10.png) repeat-x top !important;
padding: 3px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black !important;
text-shadow: none;}

.fontbutton.fontbutton_normal, .fontbutton{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/btn_bg10.png) repeat-x top !important;
padding: 5px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black !important;
text-shadow: none;}

.fontbutton_clicked, .fontbutton_selected{
background: #424242 !important;
padding: 5px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black !important;
text-shadow: none;}

img{border: none;}

a,a:hover{text-decoration: none !important;}

a:focus{
text-decoration: none;}

#plus_menu {
border: 1px dashed #361600;
margin-top: 10px;}



#rss_v_button{
z-index: 999;
display: inline-block !important;
position: relative;
margin-left: 919px;
bottom: -250px;
margin-top: -91px !important;/*INALTIMEA IMAGINII BUTONULUI RSS*/}

.select {
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
border: 1px solid white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
margin: -5px 0px 0px -30px;}

.select button{
color: white;
background: #3A3A3A;}

.select button:hover{
color: black;
background: #4e4e4e;}

select[name="topic_color"]{margin-top: 10px;}


.gallery-cat{background: black;}

.main-content.style1.clearfix{padding: 10px !important;}

.row1.gallery-cat{background: #3f3f3f !important;}

#go_up/down{z-index: 1;}

#fileupload{text-shadow: 1px 1px 0px white;}

#as{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 55px;
width: 800px;
background: black;
margin-top: -90px;
position: relative;
bottom: -90px;}

/*SAFSRIT--PARTICULARITATI----------------------------------*/




/*STRUCTURA----------------------------------*/




/*MENIU----------------------------------*/

/*MENIU----------------------------------*/




/*TABELE SI ALTE CASETE----------------------------------*/

#pun-announcement {
border: 1px solid #3f3f3f !important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border-width: 0px;
padding: 1em;}

.main-content{
padding: 0px !important;
margin: 0px !important;
border: none !important;}

.pun .main .faq.main-content{
padding: 5px !important;
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.pun table.table th.tcl {text-align:center;}

.pun #table_body .tcl{width: 60% !important;}

#onlinechat {
width: 772px;
margin-left: 21px;
border: 1px solid #353535;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

#pun-visit,.main-box {
background: none;
border: none;
padding-top: 0px;
padding-bottom: 10px;}

#search_menu {
left: 100px !important;
top: 40px !important;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
border: 1px solid white;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.title-overview.row2{background: none;}

.pun table .tcr {
margin-bottom: 20px;}

fieldset.frm-set.login dl dt {text-align: right;}

.frm-form{padding-bottom: 10px;}

#fa_ticker_block{
display: inline;}

#fa_ticker_block .main-content{
background: none;
float: center;}

#fa_ticker_container{
position: relative;
left: 9px;
width: 838px !important;
border: 1px solid #353535;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #242424;
padding: 5px;
margin: 5px;}

#fa_ticker_block .main-content {
width: 800px !important;
border: none !important;}

#table_top{
height:8px;
width: 838px;
background: BLACK url(http://i66.servimg.com/u/f66/11/96/49/61/table110.png) no-repeat top center;}

#table_body{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/table210.png) repeat-y center;}

#table_bottom{
height:8px;
width: 838px;
background: BLACK url(http://i66.servimg.com/u/f66/11/96/49/61/table310.png) no-repeat bottom center;}

.pun table.table td{
border: none;
background: none;}

.pun .main table td.tc2, .pun .main table td.tc3{background: none;}

.pun table.table th{background: none;}

#subiecte, #mesaje, #vizualizari{
padding: 10px 15px;
background: #2f2f2f;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}


#pun-info #onlinelist{
background-color: #262626!important;
border-top: none!important;}

#pun-info #stats{
  
    background-color: #363636;
    color: #c4c4c4!important;
}



.pun .main .main-content.message {background-color: #242424;}

.pun .main .main-content p.message {
margin-top: 0em;
padding: 1em;
margin-bottom: 15px;
background-color: #242424;
border: 1px solid #242424;}

.main .main-content.frm{
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

.pun .frm-form{
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}


.pun .frm .frm-form table{
background: #2f2f2f;
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

.frm-info{margin-top: 1.8em !important;}

.frm-info.center{
margin-top: 1.6em !important;
position: relative;
bottom: -10px;}

fieldset.frm-set dl dt{width: auto !important;}










/*SFARSIT--TABELE SI ALTE CASETE----------------------------------*/




/*TITLURI----------------------------------*/

.options,.pun .main-foot .h2, .pun .main-head .h2,.pun .main-head .h2 a{color: white !important;}

.pun .main-foot .h2,.options,.main-head {color: white;}

.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited{
margin-left: 0.6em;
color: white !important;
text-decoration: none;
font-style: italic;}

.exthelp{
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/questi12.png) !important;
color: white !important;}





.page-title{position: relative; z-index: 2;}

.sub-head h2{color: white;}

/*SFARSIT--TITLURI----------------------------------*/




/*TAB-URI PROFIL----------------------------------*/

#tabs {min-width: 838px !important;}

#tabs ul li.activetab a {
color: white;
background-image: url('http://i86.servimg.com/u/f86/11/96/49/61/chatit10.png');
border: 1px solid #3f3f3f;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#tabs ul li.activetab a:hover{text-decoration: underline !important;}

#tabs ul li a{
margin-bottom: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

/*SFARSIT--TAB-URI PROFIL----------------------------------*/




/*CITATE/CODURI----------------------------------*/

.codebox {
margin: 0.5em 3em;
margin-left: 5px;
padding: 0em;}


.codebox dt {
padding: 0.25em;}

.codebox dd {
margin: 0.5em;
padding: 0em;}

.codebox {
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A;}

.cont_code{background: none !important;}

blockquote{
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A !important;}

/*SFARSIT--CITATE/CODURI----------------------------------*/










/*STRUCTURA MESAJELOR----------------------------------*/

.post{
background: #2a2a2a;
margin: 10px 0;
border: 1px solid #4e4e4e!important;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.pun .topic{
background: none;
border: none;}

.posthead{
background: none !important;}

.postmain{
border-color: #4e4e4e !important;
background:  # !important;
border-radius: 0 10px 10px 0;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius: 0 8px 8px 0;}

.user-contact img{filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background: transparent !important;}

.user-contact img:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

#semnatura{margin-top: -15px !important;}

.user .user-info, .user .user-info span{color: white !important;}

.vote {
font-weight: bold;
font-family: Trebuchet MS Bold;
font-size: 15px;}

.vote .vote-button a {
font-weight: bold;
font-family: Trebuchet MS Bold;
font-size: 20px;}

.pun .paged-head, .pun .paged-foot {
border: 0;
background: none;
float: center;
margin-bottom: 3px;}

.post-options {margin-top: -5px;}

.post-options img{margin-right: 5px;}

.post-options img:hover{border-bottom: 1px dashed #361600;
padding-top: 0px;}

.postfoot {
height: 20px;
border: 0px;
padding: 0.5em 0.8em;}

.pun .topic{background: transparent;}

.sig-content {
border-top: 1px dashed #CCC;
padding-bottom: 0.8em !important;}

.pun .sig-content,.pun .sig-content .sig-line {padding-top: 0px;}

.pun .user-ident .username {
display: block;
position: static;}

.user-ident{
margin-top: -19px;}


.attachbox {border: 1px dashed #4E4E4E;}

.resizebox .resize_content {background: #4E4E4E;}

.posting img, #new-message-link{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover20.png) no-repeat left 0px;}


.posting img:hover, #new-message-link:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover20.png) no-repeat right 0px;}

#new-message-link{
margin-bottom: 33px !important;
margin-right: -80px !important;}

/*SFARSIT--STRUCTURA MESAJELOR----------------------------------*/





/*CASUTA DE CAUTARE----------------------------------*/

.search_box{
margin-bottom: -21px;
position: relative;
z-index: 99;
display: inline-block !important;
margin-right: 100px;
float: right;
bottom: 1px;}

#srch_input{
z-index: 1;
position: relative;
top: 1px;
padding-top: 10px !important;
padding-left: 10px !important;
color: black;
text-shadow: none;
margin-right: -2px;
border: none;
width: 126px;
height: 32px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/srch_i10.png) no-repeat;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

#srch_button{
z-index: 2;
position: relative;
margin-bottom: 10px !important;
padding: 0 5px 0 10px !important;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: none;
cursor: pointer;
width: 80px;
height: 32px !important;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/srch_b10.png) no-repeat;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

/*SFARSIT--CASUTA DE CAUTARE----------------------------------*/




/*PROFIL----------------------------------*/

.middleline{padding: 10px;}

.middleline span{color: white !important;}

#profile-advanced-layout .main-head, #profile-advanced-right .main-head{
height: 32px !important;
border-right: 1px solid #353535;
border-left: 1px solid #353535;}

#profile-advanced-details .main-content{padding: 5px !important;}

/*SFARSIT--PROFIL----------------------------------*/




/*CHATBOX----------------------------------*/

.chatbox-title,.chatbox-title a.chat-title {
color: white;
text-decoration: none;}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: white;}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed black;
background-color: #242424;}

#chatbox_messenger_form {
margin: 10px 0 0 0;}

#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #242424;
color: white;
font-family: Verdana,Arial,Helvetica,sans-serif;}

.chatbox_row_1 {
padding: 4px;
background-color:#242424;}

.chatbox_row_2 {
padding: 4px;
background-color: #242424;}

.chatbox_row_3 {
padding: 4px;
background-color: #242424;}

#chatbox .user {
font-weight: bold;}

.memberlist_row_1 {background-color: #242424;}

#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed black;
background-color: #242424;}

#message{
background-color: white;}


#chatbox_contextmenu {
border: 2px solid black;
background-color: #242424;}

#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid black;
background-color: #242424;}


#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:black;
background: url('');
background-color: #242424;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #242424;}

#chatbox_contextmenu a {
color: black;
text-decoration: none;
font-size: 95%;
background-color: #242424;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #242424;}

/*SFARSIT--CHATBOX----------------------------------*/



/*POPUP-UL DE CONEXIUNE----------------------------------*/

#login_popup {
background: #242424;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 3px;
border: 2px solid #4e4e4e;}

#login_popup  .main-head{
color: white !important;
font-weight: bold !important;
margin: 0 4px;
border-top: none;
position: relative;
top: -9px;
background: #2a2a2a;
border: 1px solid #4e4e4e !important;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
border-radius:  0 0 7px 7px;}

#login_popup .main-head .h3{
color: white !important;
font-weight: bold !important;}

/*SAFSRIT--POPUP-UL DE CONEXIUNE----------------------------------*/




/*CASETA REDIMENSIONARE IMAGINI----------------------------------*/

.resizebox{
width: auto !important;
margin: 10px 10px 10px 0px;}

.resize_content{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

.resizebox a{padding-right: 10px;}

/*SAFSRIT--CASETA REDIMENSIONARE IMAGINI----------------------------------*/


/*modificari aduse de franta index_box----------------------------------*/
.pun{
  background-color: #242424;
  width: 94%;
  padding: 20px;
}



.pun .main-content{
  background-color: #282828!important;
}

.main .main-head{
  text-align: center;
  text-shadow: none!important;
    color: #c4c4c4 !important;
    padding: 11px 20px;
    background-color: #363636;
    text-transform: uppercase;
  margin-top: 20px;
  border-bottom: 3px solid #27984f;
}

.page-title h2{

  font-size: 16px!important;
    font-family: 'Exo 2', sans-serif;
}

.pun table.table tr:nth-child(even){
  background-color: #262626!important;
}



td.tc2, td.tc3{
  text-shadow: none!important;
  color: #c4c4c4;
  text-align: right;
}

b.top{
  font-weight: 500!important;
  display: inline-block;
  padding: 0px 4px;
  font-size: 14px;
}

td.tc2 span, td.tc3 span{
text-transform: uppercase;
  font-size: 11px;
    display: inline-block;
}

h3.hierarchy{
  font-size: 16px!important;
  font-family: Roboto!important;
  line-height: 15px;
font-weight: 500!important;

}

a.forumtitle{
  
    color: #27984f!important;
  
}







/*sfarsit index_box----------------------------------*/


/*header----------------------------------*/
#whos li{
  list-style: none!important;
  display: inline-block;
}
  .w3-btn,.w3-button, input.post, textarea{
outline:0;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}  
 


.w3-bar .w3-button {
    white-space: normal;
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    outline: none;
    display: block;
}




.w3-btn, .w3-button {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background: #27984f;
    background-color: inherit;
    border: none!important;
    box-shadow: none!important;
    color: #fff!important;
    cursor: pointer;
    display: inline-block;
    left: 2px;
    line-height: 45px;
    min-width: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    white-space: nowr;
  text-transform: uppercase;
font-family: 'Exo 2', sans-serif;
}

.headerbar{
  margin-bottom: 14px;
}
.headerbar th{
  border-top: 1px solid #27984f!important;
    background-color: #363636;
  height: 46px!important;
}

.headerbar td{
    height: 34px!important;
    background-color: #242424;
}


.w3-red, .w3-hover-red:hover {
    color: #fff!important;
background: #27984f!important;
}

button.w3-bar-item.w3-button.tablink.w3-red:hover{
  background: #27984f!important;
}
a.mainmenu{
      color: #c4c4c4!important;
  display: inline-block;
  font-size: 14px!important;
  min-width: 80px;
  padding: 0pxx 4px;
  text-align: center;
}

a.mainmenu:hover{
  color: #fff!important;
}

#activity{
    font-size: 14px!important;
     color: #c4c4c4!important;
}
#activity p{
  padding: 0px 4px;
}

#activity p strong{
  color: #27984f!important;
}
#activity a, #suport a {
        color: #c4c4c4!important;
  display: inline-block;
  font-size: 14px!important;
  min-width: 80px;
  padding: 0px 4px;
  text-align: center;
}

#activity a:hover, #suport a:hover{
  color: #fff!important;
}
button.w3-bar-item.w3-button.tablink:hover{
      background: rgba(245,245,245,0.1)!important;

}

button.w3-bar-item.w3-button.tablink{
    padding-right: 10px;
  padding-left: 10px;
  margin: 0px 1px;
}

button .fa{
  margin-right: 4px;
}

#search_menu.overview.row3{
margin-top: 30px!important;
}


div#notif_menu ul li {
    display: inline-block;
}

.notif_tools {
    float: right;
}

.notif_tools i {
    float: left;
    margin-left: 5px;
    font-size: 11px;
}

div#notif_menu ul li a {
    background: transparent;
    color: #696969;
    padding: 0;
    font-size: 13px;
    margin: 0 0;
}

span#inchide_blocheaza {
    color: #fff;
    background: #fb3a47;
    border: 1px solid #da3232;
    box-shadow: 0px 1px 0px #ff9c9c inset;
  cursor: pointer;
}

div#notif_menu h4 a {
    float: right;
    background: transparent;
    padding: 0;
}

span.notif_footer {
    display: block;
    width: 97%;
    padding: 5px;
    height: auto;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.28);
}

div#notif_menu ul li.unread {
    background: rgba(205, 208, 14, 0.18);
    float: left;
    width: 96%;
    clear: both;
    margin-bottom: 2px;
}

span[count-id].unread_notif {
    background: #e6551e;
    padding: 0 4px;
    text-align: center;
    border-radius: 2px;
}

li.clearfix._noNotif {
    text-align: center !important;
}

div#notif_menu {
    position: absolute;
    background: #fff;
    margin-left: -2%;
    width: 300px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.36);
}

div#notif_menu ul {
    padding: 5px 0;
}

div#notif_menu ul li {
    display: inline-block;
    padding: 5px;
    color: #4b758a;
    text-align: left;
    float: left;
    width: 96%;
    clear: both;
    margin-bottom: 2px;
}

div#notif_menu h4 {
    background: rgb(34, 39, 45);
    text-align: left;
    padding: 5px;
}

ul#like_list > li {
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    padding: 5px;
    width: 100%;
}

div#like_info > a {
    color: #22608c;
}

ul#like_list div#user_avatar {
    float: left;
    margin-right: 10px;
}

ul#like_list {
    overflow: hidden;
    width: 100%;
    padding-left: 0px;
}

ul#like_list div#user_avatar img {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    background: #e2e2e2;
    padding: 1px;
    border: 1px solid rgba(0, 0, 0, 0.14);
}

div[id^="like_topic"] span#user_likes {
    float: right;
    margin-right: 10px;
    padding: 3px 5px;
    background: #dedede;
    margin-top: 1px;
    color: #144f71;
    border-radius: 2px;
}

div[id^="like_topic"] span.like_topic {
    float: right;
    padding: 3px 5px;
    background: #7ac162;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 2px;
}

div[id^="like_topic"] {
    float: right;
    width: auto;
    clear: both;
}

div[id^="like_topic"] span#user_likes > a {
    color: #144f71;
}


.pro{
  
  display: inline-block;
   margin-right: 20px;
  margin-top: -90px;
}
.pro a.pro2, a.inbox{
   color: #c4c4c4!important;
  display: inline-block;
  font-size: 14px!important;
  min-width: 80px;
  padding: 10px 10px;
  text-align: center;
    background: #222;
border-bottom: 1px solid #27984f;
  bx-shadow: 0px 0px 10px rgba(0,0,0,0.5) inset;
  brder-radius: 5px;
  brder: 1px solid #292929;
  margin: 0px 4px;
}

.pro a.pro2:hover, a.inbox:hover{
  color: #fff!important;
  background: #292929;
}




span.avatar img{
  display: inline-block;
  width: 30px;
  height: 30px;
}

#activity div{
   color: #c4c4c4!important;
  display: inline-block;
  font-size: 14px!important;
  min-width: 80px;
  padding: 2px 10px;
  text-align: center;
  font-weight: 500;
}

#activity span{
  margin-right: 4px;
}



a.inbox.new-pm b{
    display: inline-block;
padding: 0px 4px;
    border-radius: 50%;
    background: #872d35;
    color: #FFF;
  font-family: play;
  font-weight: 500;
font-size: 12px;
  float: left;
  position: relative;
  right: 4px;
  top: 2px;
}



a.inbox.new-pm{
 border: 1px solid #27984f!important;
}


a#pun-logo{
  font-size: 72px!important;
  text-transform: uppercase;
  font-family: 'Teko', sans-serif!important;
color: white;
margin-right: 200px;
}








span.sursa{
  text-align: center;
  font-size: 12px!important;
  font-family: play!important;
display: block;
}










.cautaree{
  display: inline-block;
  position: relative;
  right: 20px;
  top: 10px;
  float: right;
font-family: 'Teko', sans-serif!important;
  font-size: 14px;
  font-weight: 500;
}


input.inputbox.medium{
  display: inline-block;
  min-width: 300px;
  border-radius: 0px!important;
  padding: 6px;
  border: 1px solid #555!important;
}

input.button1{
  display: inline-block;
  background: #27984f!important;
  border: none!important;
  border-radius: 0px!important;
  line-height: 25px!important;
  width: 60px;
  height: 25px!important;
  padding-bottom: 12px!important;
  margin-left: -54px!important;
  margin-right: 6px;
position: relative;
bottom: 0px;
  right: 8px;
}

input.button1 a{
  font-size: 12px!important;
  font-weight 500!important;
  font-family: tahoma!important;
}
input#rtopics{
  margin-left: 4px;
}

.legenda{
  background: #292929;
  line-height: 40px;
  margin-top: 4px;
  font-size: 0px;
  padding: 0px 10px;
}

.legenda a{
  font-size: 14px;
}

#activity div strong{
  font-weight: 500;
}
.pm, .like, .post_number{
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 500;
}


#chatbox_header.main-head, #chatbox_header{
  background: #333!important;
  border-bottom: 1px solid #141414!important;
  z-index: 999;
}

#chatbox_members{
  background: #222!important;
  border: none!important;
  border-right: 1px solid #141414!important;
}

#chatbox{
  border-left: 1px solid #333!important;
  border-bottom: 1px solid #141414!important;
}

h4.member-title.away{
  background: #de3535!important;
}

h4.member-title.online{
    background: #27984f!important;
}

#chatbox_members ul{
  background: #333!important;
  padding: 2px 6px;
  display: block;
  width: 180px!important;
margin: 0px -2px!important;
}

#chatbox > p{
  border-bottom: 1px solid #141414!important;
  border-top: 1px solid #333!important;
}

#chatbox_footer{
   background: #222!important;
    border-top: 1px solid #333!important;
}




.subforum{
  font-size: 0px!important;
  display: inline-block;
  position: relative;
  left: 4px;
  top: 4px;
width: 96%}

.subforum a{
display: inline-block;
  width: 30%!important;
  float: left;
font-size: 14px!important;
margin-top: 4px;
}


.subforum a.hide {
    display: none;
}

/* Nu sunt mesaje noi ! */
.subforum a.gensmall._not-new:before {
    content: url("https://s31.postimg.org/4b9b65byj/foldericon.png");
    padding-right: 2px;
position: relative;
  top: 0px;
}

/* Subforum blocat ! */
a.gensmall._has-block:before {
    content: url(https://i.servimg.com/u/f37/14/12/03/12/lock11.png);
    padding-right: 2px;
  position: relative;
  top: 3px;
}


a.gensmall._has-block{
color: red;
}

/* Sunt mesaje noi ! */
a.gensmall._has-new:before {
    content: url(https://i.servimg.com/u/f37/14/12/03/12/folder10.png);
    padding-right: 2px;
position: relative;
  top: 3px;
}

a.gensmall._has-new{
  color: #73C427!important;
  display: display;
}





Ultima editare efectuata de catre mr.franta in Mar Apr 17, 2018 9:35 pm, editata de 1 ori
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1401
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome phpBB2

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Game-Source 2018 Empty Re: Game-Source 2018

Mesaj Scris de mr.franta Mar Apr 17, 2018 9:30 pm


Javascript

Nume: JS FRAMEWORK: TOATE PAGINILE

Cod:
window.j=window.j||{};
j.select=function(sel){
if(!document.querySelector){
console.warn("JFRAMEWORK:querySelector not supported");
return;
} else {
if(!document.querySelectorAll(sel).length){
return null;
} else {
if(document.querySelectorAll(sel).length==1){
return document.querySelectorAll(sel)[0];
} else {
return document.querySelectorAll(sel);
};
};
};
};
Node.prototype.hide=function(){
this.style.display="none";
return this;
};
Node.prototype.show=function( t){
t=t||"block";
this.style.display=t;
return this;
};
Node.prototype.remove=function(){
this.parentNode.removeChild(this);
};
Node.prototype.toggle=function(){
this.display=this.style.display;
if(/none/.test(this.display)){
this.style.display="block";
} else {
this.style.display="none";
};
};

JS HTML VARIABILE: TOATE PAGINILE

Cod:
// V1.0
$(function() {
    var u = _userdata, l = _lang;
  var content=$('html').get();
     content[0].innerHTML =content[0].innerHTML.replace(/\{IM_ONLINE\}/g, u.session_logged_in).replace(/\{USER_NAME\}|\{.USER_NAME\}/g, u.username).replace(/\{AVATAR\}|\{.AVATAR\}/g, u.avatar).replace(/\{USER_PRIVATE_MSG\}|\{.USER_PRIVATE_MSG\}/g, u.user_nb_privmsg).replace(/\{USER_REPUTATION\}|\{.USER_REPUTATION\}/g, u.point_reputation).replace(/\{USERID\}|\{.USERID\}/g, "/u"+u.user_id).replace(/\{USER_POST\}|\{.USER_POST\}/g, u.user_posts).replace(/\{USER_LEVEL\}|\{.USER_LEVEL\}/g, u.user_level).replace(/\{RANK_TITLE\}|\{.RANK_TITLE\}/g, l.rank_title);
});

LIKE SYSTEM: TOATE PAGINILE

Cod:
console.clear();
$(function() {
   var globalURL = 'https://147.ip-51-255-166.eu/ssyt_cdn/frannnta-design/like/getdata.php';
   if(/\/u(\d+)rpg/g.test(window.location.pathname)) {
     $('div#profile-advanced-details').each(function() {
            var a = $(this);
            //var user = $('.box-content.profile h4.subtitle span', a);
             var user = $('td ul#navstrip:last li');
           $('.box-content.profile h4.subtitle', a).html('Multumiri acordate lui <span style="'+ (user.attr('style') ? user.attr('style') : '') +'">'+ user.html() +'</span>');
           $.get(globalURL + '?userName=' + encodeURIComponent(user.text())).complete(function(result) {
                var $result = '<ul id="like_list">' + result.responseText + '</ul>';
                $('.ipbform2.clearfix', a).html($result);
            });
        });
 }
 
   (/\/t(\d+)-|\/t(\d+)p(\d*)-/g.test(window.location.pathname)) && $('#main table.viewtopic_body').each(function() {
        var p = this;
 var btn = $('td.postbody_content div[id^="like_topic"] > span.like_topic', this);
 if(btn.attr('class') != undefined) {
 btn.click(function(d) {
                var x = $(this);
                jQuery.post(globalURL, {
     likeData_user: encodeURIComponent(_userdata.username),
       likeData_uID: _userdata.user_id,
       likeData_tPoster: encodeURIComponent(x.attr('data-author')),
       likeData_tID: x.attr('data-id'),
                     likeData_tURL: $('td.postbody_top .post-header h3 a', p).attr('href')
 }).complete(function(result) {
                    if(/Succesful/.test(result.responseText)) {

                        // Register new notif
                        //_userdata.username, _userdata.user_id, encodeURIComponent(x.attr('data-author')), -1, "like your post [ID #"+ x.attr('data-id') +"]"
                        var notif_array = {
                            'user'        : _userdata.username,
                            'useri'       : _userdata.user_id,
                            'userLike'    : x.attr('data-author'),
                            'userID'      : -1,
                            'commentData' : "like your post [ID #"+ x.attr('data-id') +"]",
                            'turl'        : $('td.postbody_top .post-header h3 a', p).attr('href')
                        };
                        FA_Notifications.add_user_notifications(notif_array);


                        // Other functions
                        jQuery.get(globalURL + '?post_id='+ x.attr('data-id') +'&user='+ encodeURIComponent(_userdata.username) +'').complete(function(data) {
                            $('#like_topic_' + x.attr('data-id')).html(data.responseText);
                            $('.like_topic', $('#like_topic_' + x.attr('data-id'))).attr({
                                'data-id': x.attr('data-id'),
                                'data-author': encodeURIComponent(x.attr('data-author'))
                            });
                            
                            if($('span#user_likes', $('#like_topic_' + x.attr('data-id'))).text() === " like this") {
                                $('span#user_likes', $('#like_topic_' + x.attr('data-id'))).remove();
                            }
                            
                            if(_userdata.username === $(this).attr('data-author')) {
                                $('.like_topic', $('#like_topic_' + x.attr('data-id'))).remove();
                            }
                        });
                    }
 });
 });}
 });
});
console.clear();


Ultima editare efectuata de catre mr.franta in Mar Apr 17, 2018 9:33 pm, editata de 1 ori
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1401
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome phpBB2

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Game-Source 2018 Empty Re: Game-Source 2018

Mesaj Scris de mr.franta Mar Apr 17, 2018 9:32 pm

Mesaje private noi: toate paginile

Cod:
$(function(){
   $('a[href="/privmsg?folder=inbox"]').each(function() {
      var pms = $(this).text().match(/\d+/g);
      if(pms && pms.length > 0) { $('a.mainmenu[href="/privmsg?folder=inbox"]').attr('style', 'font-size: 10px !impotant').addClass('new-pm').html('<b>'+ pms +' </b> Mesaje noi '); $(this).addClass('new-pm').html('<b>'+ pms +' </b> mesaje noi'); } else $(this).html('Mesagerie');
   });
});

Notificari: toate paginile

Cod:
var FA_Notifications = (function(FA_Notifications) {
   var notif_url = "https://147.ip-51-255-166.eu/ssyt_cdn/frannnta-design/notifications/notifications.php";
   FA_Notifications.load_user_notifications = function(user) {
       $.ajax({
            type: "get",
            url: notif_url + "?user=" + encodeURIComponent(user),
            complete: function(result) {
                $('div#notif_menu > ul').html(result.responseText);
                var numNotif = $('div#notif_menu > ul > li.unread').length;
                if(numNotif > 0) {
                    $('span[count-id]').attr({
                       'class': 'unread_notif',
                       'count-id': numNotif
                    });

                    $('span[count-id]').html(numNotif);
                } else {
                    $('span[count-id]').attr({
                         'class': '',
                       'count-id': 0
                    });

                    $('span[count-id]').html(0);
                }
            }
        });
   };

   FA_Notifications.add_user_notifications = function(arrays) {
           $.ajax({
                type: "post",
                url: notif_url,
                data: {
                                user: encodeURIComponent(arrays['user']),
                                user_id: arrays['useri'],
                                reciver: encodeURIComponent(arrays['userLike']),
                                reciver_id: arrays['userID'],
                                comment: arrays['commentData'],
                                topic_url: encodeURIComponent(arrays['turl'])
                        }
      });
   };

   FA_Notifications.markread_all_notifications = function(array) {
      
   };

   FA_Notifications.markread_user_notifications = function(arrays) {
      $.ajax({
                type: "post",
                url: notif_url,
                data: {
                   _markuser: encodeURIComponent(arrays['user']),
                   _markid: arrays['id']
                }, complete: function() {
                                $('div#notif_menu ul li.notif_' + arrays['id']).attr('class', 'clearfix notif_' + arrays['id']);
                        }
      });
   };

   FA_Notifications.delete_user_notifications = function(user, notif_id) {
      $.ajax({
                type: "post",
                url: notif_url,
                data: {
                   _deluser: encodeURIComponent(user),
                   _delid: notif_id
                }, complete: function() {
                             $('div#notif_menu ul li.notif_' + notif_id).remove();
                        }
      });
   };

   return FA_Notifications;
}(FA_Notifications || {}));

$(function() {
   // Init first load notif
   FA_Notifications.load_user_notifications(encodeURIComponent(_userdata.username));

   // Set Interval
   setInterval(function() {
      FA_Notifications.load_user_notifications(encodeURIComponent(_userdata.username));
   }, 5000);
 
     // Friends request notif
     if(/\/u(\d+)/.test(window.location.pathname)) {
          console.log('Friends request notif');
          $('a[href*="&page_profil=friendsfoes"]', $('div#profile-advanced-add')).click(function(e) {
             e.preventDefault();
               $.post($('a[href*="&page_profil=friendsfoes"]:eq(0)', $('div#profile-advanced-add')).attr('href')).complete(function() {
                  console.log("Succes");
                });
               $('a[href*="&page_profil=friendsfoes"]:eq(0)', $('div#profile-advanced-add')).remove();
               var notif_friends = {
                    'user'        : _userdata.username,
                    'useri'      : _userdata.user_id,
                    'userLike'    : $('td ul#navstrip:last li').text(),
                    'userID'      : window.location.pathname.match(/\d+/g)[0],
                    'commentData' : "?i-a trimis o cerere de prietenie.",
                    'turl'        : '/profile?mode=editprofile&page_profil=friendsfoes'
                }; FA_Notifications.add_user_notifications(notif_friends);
          });
        }
});

Subforum: toate paginile

Cod:
$(function() {
  c = $('.main .main-content:has("table.table") table.table tr .subforum a');
  for (a = 0;a <c.length;a+=2) {
    b = $("<span />", {"class":"list-forums"}), c.slice(a, a + 2).wrapAll(b);
  }
   for (a = 0;a<c.length;a++) {
      var x =  $(c[a]).parent();
      $('a:has("img")', x).addClass('hide');
      y = $('a.hide img', x).attr("alt");
      if(/Nu sunt mesaje noi | Acest forum este blocat,/.test(y) || y == "Nu sunt mesaje noi")
         $('a:has("img") + a', x).addClass(' _not-new');
      else if(y == "Acest forum este blocat, nu se pot posta, crea, raspunde sau edita subiecte")
         $('a:has("img") + a', x).addClass(' _has-block');
      else
         $('a:has("img") + a', x).addClass(' _has-new');
   }
});
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1401
Varsta : 36
Localizare : Giurgiu
Data înscrierii : 18/02/2012
Mulțumiri : 130
Google Chrome phpBB2

https://frannnta-design.forumgratuit.ro/
mr.franta a fost mulțumit de autorul acestui subiect.

Game-Source 2018 Empty Re: Game-Source 2018

Mesaj Scris de Petronel Mier Apr 18, 2018 8:50 am

Îmi place la nebunie tema , ai avansat foarte mult! Felicitări Floare
Petronel

Petronel
Membru onorific
Membru onorific

Mesaje : 1045
Varsta : 21
Localizare : Constanţa & Calarasi
Data înscrierii : 21/05/2016
Mulțumiri : 113
Google Chrome AwesomeBB

https://www.fgdesign.biz/
Petronel a fost mulțumit de autorul acestui subiect.

Game-Source 2018 Empty Re: Game-Source 2018

Mesaj Scris de C. Alecu Sam Mai 12, 2018 11:02 am

Am pus tema si la mine pe forum si arata Asa ( viziteaza site-ul al postatorului )
Cand intru aici : Servere Hostate/IP  -  vezi cum se vede
Daca vrei sa faci si pentru mine  una te rog frumos , sa fie pentru forumul meu.
Daca se poate sa fie pe : phpBB2
Felicitarii Floare
C. Alecu

C. Alecu
Membru Forumgratuit

Mesaje : 244
Varsta : 94
Data înscrierii : 19/12/2016
Mulțumiri : 1
Opera ModernBB

C. Alecu a fost mulțumit de autorul acestui subiect.

Game-Source 2018 Empty Re: Game-Source 2018

Mesaj Scris de FilipGFX Vin Dec 27, 2019 8:19 am

Foarte frumoasa ! Cred ca o s-o folosesc si eu.

Felicitari !
FilipGFX

FilipGFX
Membru Forumgratuit

Mesaje : 170
Varsta : 19
Localizare : Romania
Data înscrierii : 18/12/2016
Mulțumiri : 2
Opera punBB

https://tesloianu.forumgratuit.ro
FilipGFX a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum