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

Temă de Sărbatori Crăciun Fericit v1

Vezi subiectul anterior Vezi subiectul urmator In jos

Temă de Sărbatori Crăciun Fericit  v1 Empty Temă de Sărbatori Crăciun Fericit v1

Mesaj Scris de Ionut_FG Sam Noi 21, 2015 11:54 am

Nume tema: Crăciun Fericit v1 Foarte fericit
Versiune forum: punBB
Link catre tema: LumeaTutorialelor
Screenshot-uri:  Temă de Sărbatori Crăciun Fericit  v1 Lumeat10
CSS personalizat:Da
Previzualizare:  http://demo.nicethem...theme_id=209646
Instalare: http://en.hitskin.co...lelor-v1/209646

Template-urile
Css-ul temei
Cod:

.main .main-foot, .main .main-head {
    background-color: #fff;
    color: #000;
    font-weight: 400;
    padding: .7em 1.3em;
}
/* Code box */
.codebox dd.cont_code {
       background-color: #fff!important;
    border: 1px solid #C9C9C9!important;
    color: #000;
    border-top: 0!important;
    font-size: 11px!important;
    line-height: 110%!important;
    margin-top: 0!important;
    max-height: 250px!important;
    overflow: auto!important;
    padding: 5px!important;
    white-space: pre-wrap!important;
    width: auto!important;
}
.codebox dd.cont_code {
    max-height: 200px;
    overflow: auto;
}
.codebox dd {
   background-color: #d7d7d7;
    margin: 0px;
    padding: 0px;
   background-color: #153ba3 !important;
    border: 1px solid #C9C9C9!important;
    color: #fff;
    border-top: 0!important;
    font-size: 11px!important;
    line-height: 110%!important;
    margin-top: 0!important;
    max-height: 250px!important;
    overflow: auto!important;
    padding: 5px!important;
    white-space: pre-wrap!important;
    width: auto!important;
}
.codebox {
        margin-left: 0;
    background-color: #fff !important;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 100%;
    margin-top: 5px;
    padding: 5px;
      border: 1px solid #fff;
}
.codebox dt {
     background-color: #153ba3 !important;
    border: 1px solid #ddd;
    padding: 6px;
}
/* Code box */
/*Inceputu Tabelului profil*/
#tabs ~ form,#tabs ~ div{
  color: #000;
  margin-left:180px;
  border-left:3px solid #153ba3;
  padding-left:10px
}
#tabs + form,#tabs + div{
  margin-top:30px
}
#tabs ~ form > div:last-child,#tabs ~ div:last-child > div,#tabs ~ div:last-child > form{
  min-height:360px
}
#tabs ~ div.main-head:before{
   color: #000;
  content:" ";
  display:block;
  width:20px;
  height:5px;
  position:absolute;
  background:#fff;
  margin-top:60px;
  ;
  margin-top:33px
}
#new-message #tabs{
  margin-top:0
}
#tabs:before{
  content:" ";
  position:absolute;
  z-index:10;
  width:5px;
  height:32px;
  margin-left:170px;
  margin-top:-33px
}
#new-message #tabs:before{
    content:none
}
#tabs ul{
  padding:0
}
#tabs ul li{
  display:block;
  float:none;
  padding:0
}
#tabs ul li a{
  float:none;
  display:block;
  width:163px;
  border:3px solid  #153ba3;
    border-right:3px solid  #153ba3 !important;
  background:#153ba3;
  margin:-1px 0 0;
  padding:0 7px
}
#tabs ul li.activetab a{
  text-decoration:none;
  color:#000;
  background:#fff;
  border:1px solid  #153ba3;
  position:relative;
  border-right-color:#000!important;
  z-index:1
}
#tabs ul li a:hover,#tabs ul li.activetab a:hover{
    background:none
}
#profile-advanced-left{
  margin-left:170px;
  position:relative;
  z-index:10;
  margin-right:0
}
#profile-advanced-left .main{
  padding-left:10px;
  border-left:3px solid  #153ba3;
  min-height:340px
}
#profile-advanced-layout #tabs{
  bottom:0;
  position:absolute;
  top:205px;
  left:-15px;
  ;
  width:100%;
  top:4px;
  height:34px;
  z-index:20
}
.avatar img{
  width:48px
}
.message-block{
  border:1px solid  #153ba3;
}
.message-text{
  padding:0 4px
}
#profile-advanced-details .message-footer li:after{
  content:""
}
#profile-advanced-details .message-footer li a{
  background:none no-repeat center center transparent;
  isplay:inline-block;
  height:20px;
  margin-bottom:-14px;
  overflow:hidden;
  width:20px;
  text-decoration:none;
  text-indent:9999px;
  padding:4px
}
#profile-advanced-details .message-footer li a[href^="/u"]{
  background-image:url(//r19.imgfast.net/users/1911/13/87/62/album/th/andanh10.png)
}
#profile-advanced-details .message-footer li a[href*="wall?s="]{
  background-image:url(//i56.servimg.com/u/f56/18/59/49/93/save10.png)
}
#profile-advanced-details .message-footer li a[href*="?d="],#profile-advanced-details .message-footer li a[href*="&remove="]{
  background-image:url(//i56.servimg.com/u/f56/18/59/49/93/delete10.png)
}
#profile-advanced-details .bottom + .top{
  margin-bottom:0;
  margin-top:10px
}
#new-message-link,.pagination.top:first-child{
  display:none
}
#profile-advanced-add a{
  background:none no-repeat center center transparent;
  position:absolute;
  top:0;
  width:20px;
  right:0;
  height:20px;
  text-indent:9999px;
  overflow:hidden
}
#profile-advanced-add a[href*="friend="]{
  background-image:url(//i56.servimg.com/u/f56/18/59/49/93/16-add10.png)
}
#profile-advanced-add a[href*="foe="]{
  background-image:url(//i56.servimg.com/u/f56/18/59/49/93/16-rem10.png);
  right:30px
}
.friend-block{
  width:100%;
  text-align:left;
  line-height:25px;
  border:3px solid #F3F3F3;
  padding:5px
}
.friend-block .avatar{
  float:left;width:auto;
  height:50px;
  margin-right:5px
}
#profile-advanced-right{
  margin-top:20px;
  float:none;
  position:absolute;
  width:155px
}
#profile-advanced-right .module.main{
  display:none;
  width:155px
}
    #profile-advanced-right > .module.main:first-child,#profile-advanced-add + .module.main{
  display:block;
  width:160px;
  height:230px;
  overflow:hidden;
  color:transparent
}
    #profile-advanced-right > .module.main:first-child .main-head,#profile-advanced-add + .module.main .main-head{
  border-bottom:0
}
#profile-advanced-right > .module.main:first-child br,#profile-advanced-add + .module.main br{
  display:none
}
#profile-advanced-right > .module.main:first-child img,#profile-advanced-add + .module.main img{
  max-width:100%;
  max-height:150px
}
#profile-advanced-right > .module.main:first-child img[src^="//illiweb.com/itest/"],#profile-advanced-add + .module.main img[src^="//illiweb.com/itest/"]{
  position:absolute;
  left:6px;
  top:197px
}
#profile-advanced-details{
  margin-top:-32px
}
#profile-advanced-layout{
  margin-top:32px
}
/*Sfârsitu Tabelului profil*/
  /* Scrie un subiect */
.sceditor-button.sceditor-button-color{
  margin-left:5px!important;
  margin-right:5px!important
}
.sceditor-container.ltr{
  background-color:#153ba3 !important;
  border:2px solid #153ba3 !important;
  border-radius:0!important;
  height:200px;
  padding:0 5px 21px 3px;
  width:auto!important
}
.sceditor-container iframe,.sceditor-container textarea{
  background:none repeat scroll 0 0 #FFF!important;
  border-color: #2d79da !important;
  border-style:solid!important;
  border-width:1px!important;
  height:200px!important;
  margin:0!important;
  width:100%!important
}
#text_editor_textarea,#textarea_content iframe#text_editor_iframe{
  height:200px!important;
  width:100%!important
}div.sceditor-group{
  background:none repeat scroll 0 0 #fff !important;
  border-bottom:medium none!important;
  margin:1px 5px 1px 0;
  padding:1px
}
div.sceditor-toolbar{
  background:none repeat scroll 0 0 padding-box  #153ba3!important;
  border-bottom-width:0!important;
  padding:3px 5px 2px!important
}
#smiley-box iframe{
  height:230px
}
#smilies_categ{
  padding:0
}
#smiley-box{
  border:3px solid #fff;
  display:none!important;
  margin:5px 0!important;
  padding:5px
}
#textarea_content dt{
  display:none
}
#textarea_content{
  width:98%!important
}
.sceditor-button:hover{
  background:#153ba3 !important;
  box-shadow:none!important
}
.sceditor-button:active,.sceditor-button .active{
  background-color:#F0F0F0!important;
  border:1px solid #BBB!important;
  opacity:1!important;
  padding:2px 4px!important
}
.sceditor-button .active:focus{
  background-color:#153ba3  !important
}
#quick_reply .frm-buttons input[type="submit"]{
 -moz-box-shadow:inset 0 1px 0 0  #153ba3 !important;
-webkit-box-shadow:inset 0 1px 0 0 #153ba3 !important;
  background:#153ba3;
  border-color:#153ba3;
  border-style:solid;
  border-width:1px;
   border-bottom: 3px solid #11488e;
    color:#fff;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
  font-size:13px;
}
#quick_reply .frm-buttons input[name="preview"]{
   -moz-box-shadow:inset 0 1px 0 0 #153ba3 !important;
-webkit-box-shadow:inset 0 1px 0 0 #153ba3 !important;
  background:#153ba3;
  border-color:#153ba3;
  border-style:solid;
  border-width:1px;
     border-bottom: 3px solid #11488e;
    color:#fff;
  cursor:pointer;
  padding:4px 10px;
  text-decoration:none;
  font-size:13px;  
}
 /* Scrie un subiect */
 
.topic-author {
  border-bottom: 1px solid #eaeaea;
  background: #f6f6f6;
  text-shadow: #fff 0px 1px 0px;
  float: none;
  width: auto;
  text-align: left;
  position: relative;
  padding: 10px;
}
.author-img {
  display: inline-block;
}
.author-img img {
  width: 94px;
  height: 94px;
  opacity: 0.8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
  -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
  -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
}
.author-img img:hover {
  opacity: 1;
}
.author-info {
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  font-size: 11px;
  font-family: "Lato";
  margin-left: 10px;
}
.topic-author h4 {
  padding-bottom: 5px;
}
.topic-author h4.username a {
  font-size: 24px;
  font-weight: bold;
  font-family: "Lato";
  text-decoration: none;
}
.topic-author h4.username a span {
  color: #333 !important;
}
.author-stats {
  display: inline-block;
  font-family: "Lato";
  font-size: 11px;
  color: #a4a4a4;
  margin-left: 70%;
  position: absolute;
}
.pun .postmain {
  margin: 0 !important;
}
.editted-message {
  display: none;
}
.titlebox {
  background:#f9f9f9;
  border:1px solid #e6e6e6;
  text-shadow:#fff 0px 1px 0px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:inset rgba(0,0,0,0.05) 0px 1px 4px;
  -moz-box-shadow:inset rgba(0,0,0,0.05) 0px 1px 4px;
  box-shadow:inset rgba(0,0,0,0.05) 0px 1px 4px;
  padding:10px;
  overflow:hidden;
}
.titlebox dd {
  display:block;
}
.titlebox dava {
  float:left;
}
.titlebox dava a img {
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #D5D5D5;
  box-shadow:0 2px 2px rgba(0,0,0,0.1);
  float:left;
  height:50px!important;
  padding:1px;
  width:50px!important
}
.titlebox dava a img:hover {
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  border-color:#A1A1A1;
  box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsBox_withphoto {
  margin-left: 65px;
}
.ipsType_pagetitle {
  font: 300 26px/1.4 Helvetica,Arial,sans-serif;
}
.desc.lighter, .desc.lighter.blend_links a {
  color: #a4a4a4 !important;
}
 
 
.pun table.table td {
    background-color: #fbfbfb;
    border-color: #153ba3;
    border-style: solid none none solid;
    border-width: 0px;
    line-height: 130%;
    padding: .6em 0 .7em;
}
.pun .paged-foot, .pun .paged-head {
    background-color: #fbfbfb;
    border: 1px solid #fff;
    padding: .6em 1.3em .3em;
}
#pun-about {
    display: none;
}
.lastpost-avatar,td.avatar-mini img,.avatar,#userAvatar {
background:#FFF;
border-radius:100px;
box-shadow:0 0 2px rgba(0,0,0,0.2),0 -1px 1px rgba(0,0,0,0.2);
display:inline-block;
height:150px;
width:150px;
padding:1px;
margin:10px 0;
overflow:hidden
}
.lastpost-avatar img,td.avatar-mini img,.avatar img,#userAvatar img {
border-radius:100px;
height:150px;
width:150px
}
.lastpost-avatar,.lastpost-avatar img,td.avatar-mini img {
height:34px;
width:34px
}
.friend-block {
width:65px
}
.friend-block .avatar {
margin:0 10px
}
.avatar,.avatar img {
height:40px;
width:40px
}
.lastpost-avatar {
padding:1px!important;
margin:0 5px 0 0
}
td.avatar-mini img,.avatar {
padding:1px;
margin:0
}
.avatar {
margin-top:2px!important
}
.lastpost-avatar,.avatar,td.avatar-mini img {
box-shadow:0 1px 3px rgba(0,0,0,0.3),0 -0 1px rgba(0,0,0,0.3)
}
.main .main-head{    
background:url('http://i68.servimg.com/u/f68/19/31/86/75/mainti11.png') repeat-x scroll 0px 0px #153ba3;
color:#FFF;
text-shadow:0px -1px 0px rgba(0,0,0,0.25);
padding: 12px;
font-size: 12px;
font-weight: 300;
border-radius: 3px 3px 0px 0px;
box-shadow:inset 0 5px 0 #fff;
margin-bottom:3px;
margin-top:8px;
border-bottom: 5px solid #;
box-shadow:0px 0px 0px 1px rgba(255,255,255,0.1) inset;
clear:both
}
.header-new {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInUp;
}
.header-new {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInUp;
}
.header-new {
    content: ".";
    background-position: 0 -95px;
    background-repeat: no-repeat;
    padding-bottom: 70px;
    position: relative;
    top: 70px;
    text-align: center;
}
.pun {
padding: 3px;
background:#fff;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 15px auto 0;
max-width: 1600px;
min-width: 990px;
width: 1010px;
  box-shadow: 0 0 20px #;
}
body {
background: url(http://www.desktopwallpaperhd.net/wallpapers/2/8/christmas-background-wallpaper-desktop-22296.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
font: normal 11px tahoma, helvetica, arial, sans-serif;
position: relative;
padding-bottom: 20px;
}
a {
text-decoration: none;  
 
}
 

index_body
Cod:

{JAVASCRIPT}
 
 
{CHATBOX_TOP}
{BOARD_INDEX}
 
<!-- BEGIN disable_viewonline -->
<div class="sky-tabs sky-tabs-pos-top-left sky-tabs-pos-top-right sky-tabs-response-to-icons fffx">
<input type="radio" name="sky-tabs" id="sky-tab1" class="sky-tab-content-1" checked/>
<label for="sky-tab1">
<span class="samd">
<span><i class="fa fa-users"></i>Cine este online?</span>
</span>
</label>
<input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2" />
<label for="sky-tab2">
<span class="samd">
<span>
<i class="fa fa-bar-chart">
</i>Statistici</span>
</span>
</label>
<input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3">
<label for="sky-tab3">
<span class="samd">
<span>
<i class="fa fa-globe"></i>
partenerii</span>
</span>
</label>
<ul class="tabel-stats1">
<li class="sky-tab-content-1">
<div class="typography">
<div class="span1 ico-who">
</div>
<div class="span9">
<h5><strong>Cine este conectat?</strong></h5>
<div class="total_users">{TOTAL_USERS_ONLINE}
</div>{RECORD_USERS}
<br />{LOGGED_IN_USER_LIST}
<br />{L_ONLINE_USERS}
<div class="latest_users"> {L_CONNECTED_MEMBERS}</div>
<br />Legenda LumeaTutorialelor: {GROUP_LEGEND}
</b> </p>
</div>
</div>
</li>
<li class="sky-tab-content-2">
<div class="typography">
<div class="span1 ico-who"></div>
<div class="span9">
<h5><strong>Statistici</strong></h5>
{TOTAL_POSTS}
<br />
{TOTAL_USERS}
<br />{NEWEST_USER}
</p>
</div>
</div>
</li>
<li class="sky-tab-content-3">
<div class="typography">
<h5><strong>Partenerii</strong></h5>
<p><a href="http://techno-design.esy.es/forum/" target="_blank"><img src="http://i68.servimg.com/u/f68/19/31/86/75/techno10.gif" alt="Techno-Design" border="0" width="80" height="31"></a></p>
</div>
</li>
</ul>
</div>
 
 
<!-- END disable_viewonline -->
<style>
.sky-tabs{
text-decoration: none;
}
.sky-tabs *{margin:0;padding:0;outline:none;border:0;background:none}
.sky-tabs{position:relative;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:0;text-align:left;color:#666}
.sky-tabs > input{position:absolute;display:none}
.sky-tabs > label{position:relative;z-index:1;display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box;padding:1px;padding-top:0;padding-left:0;font-size:14px;line-height:45px;cursor:pointer}
.sky-tabs > label.inverse{float:right;padding-right:0;padding-left:1px}
.sky-tabs > label.disabled{cursor:default}
.sky-tabs > label span{display:block;padding:5px}
.sky-tabs > label span.samd{padding:0!important;position:relative;top:2px;text-transform:uppercase;font-weight:600}
.sky-tabs > label span.samd span{padding:0 10px!important}
.sky-tabs > label span span{padding:0 20px;background:transparent;transition:background 0.4s, color .4s;-o-transition:background 0.4s, color .4s;-ms-transition:background 0.4s, color .4s;-moz-transition:background 0.4s, color .4s;-webkit-transition:background 0.4s, color .4s}
.sky-tabs > label:hover span span{background:url('http://i68.servimg.com/u/f68/19/31/86/75/mainti11.png') repeat-x scroll 0px 0px #153ba3;color:#fff}
.sky-tabs > label.disabled span span{background:transparent;color:inherit}
.sky-tabs > input:checked + label{cursor:default}
.sky-tabs > input:checked + label span span{background:url('http://i68.servimg.com/u/f68/19/31/86/75/mainti11.png') repeat-x scroll 0px 0px #153ba3;color:#fff;border-radius: 3px 3px 0px 0px;}
.tabel-stats1{border-top:10px solid #153ba3}
.sky-tabs > .switcher{display:none}
.sky-tabs > .switcher a{display:block;margin:0 -20px;padding:0 20px;text-decoration:none;color:inherit}
.sky-tabs > ul{list-style:none;position:relative;display:block;font-size:13px}
.sky-tabs > ul > li{position:absolute;top:0;left:0;width:100%;overflow:auto;padding:20px 25px 25px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;opacity:0;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;-o-transition:opacity 0.8s, -o-transform .8s;-ms-transition:opacity 0.8s, -ms-transform .8s;-moz-transition:opacity 0.8s, -moz-transform .8s;-webkit-transition:opacity 0.8s, -webkit-transform .8s}
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9{position:relative;z-index:1;opacity:1}
.sky-tabs-anim-slide-up > ul > li{-o-transform:translateY(-15%);-ms-transform:translateY(-15%);-moz-transform:translateY(-15%);-webkit-transform:translateY(-15%)}
.sky-tabs-anim-slide-right > ul > li{-o-transform:translateX(15%);-ms-transform:translateX(15%);-moz-transform:translateX(15%);-webkit-transform:translateX(15%)}
.sky-tabs-anim-slide-down > ul > li{-o-transform:translateY(15%);-ms-transform:translateY(15%);-moz-transform:translateY(15%);-webkit-transform:translateY(15%)}
.sky-tabs-anim-slide-left > ul > li{-o-transform:translateX(-15%);-ms-transform:translateX(-15%);-moz-transform:translateX(-15%);-webkit-transform:translateX(-15%)}
.sky-tabs-anim-slide-up-left > ul > li{-o-transform:translate(-15%, -15%);-ms-transform:translate(-15%, -15%);-moz-transform:translate(-15%, -15%);-webkit-transform:translate(-15%, -15%)}
.sky-tabs-anim-slide-up-right > ul > li{-o-transform:translate(15%, -15%);-ms-transform:translate(15%, -15%);-moz-transform:translate(15%, -15%);-webkit-transform:translate(15%, -15%)}
.sky-tabs-anim-slide-down-right > ul > li{-o-transform:translate(15%, 15%);-ms-transform:translate(15%, 15%);-moz-transform:translate(15%, 15%);-webkit-transform:translate(15%, 15%)}
.sky-tabs-anim-slide-down-left > ul > li{-o-transform:translate(-15%, 15%);-ms-transform:translate(-15%, 15%);-moz-transform:translate(-15%, 15%);-webkit-transform:translate(-15%, 15%)}
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9{-o-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);-webkit-transform:translate(0, 0)}
.sky-tabs-anim-scale > ul > li{-o-transform:scale(0.1, 0.1);-ms-transform:scale(0.1, 0.1);-moz-transform:scale(0.1, 0.1);-webkit-transform:scale(0.1, 0.1)}
.sky-tabs-anim-scale > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-scale > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-scale > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-scale > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-scale > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-scale > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-scale > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-scale > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-scale > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9{-o-transform:scale(1, 1);-ms-transform:scale(1, 1);-moz-transform:scale(1, 1);-webkit-transform:scale(1, 1)}
.sky-tabs-anim-rotate > ul > li{-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.sky-tabs-anim-rotate.sky-tabs-pos-right > ul > li,
.sky-tabs-anim-rotate.sky-tabs-pos-top-right > ul > li{-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
.sky-tabs-anim-rotate > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-rotate > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-rotate > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-rotate > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-rotate > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-rotate > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-rotate > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-rotate > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-rotate > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9{-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
.sky-tabs-anim-flip > ul{perspective:2000px;-o-perspective:2000px;-ms-perspective:2000px;-moz-perspective:2000px;-webkit-perspective:2000px;perspective-origin:50% 50%;-o-perspective-origin:50% 50%;-ms-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;-webkit-perspective-origin:50% 50%}
.sky-tabs-anim-flip > ul > li{-o-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg)}
.sky-tabs-anim-flip.sky-tabs-pos-left > ul > li{-o-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg)}
.sky-tabs-anim-flip.sky-tabs-pos-right > ul > li{-o-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg)}
.sky-tabs-anim-flip > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs-anim-flip > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs-anim-flip > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs-anim-flip > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs-anim-flip > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs-anim-flip > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs-anim-flip > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs-anim-flip > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs-anim-flip > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9{-o-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-o-transition-delay:.2s;-ms-transition-delay:.2s;-moz-transition-delay:.2s;-webkit-transition-delay:.2s}
.sky-tabs .grid-row{margin-top:20px}
.sky-tabs .grid-row:after{content:'';display:table;clear:both}
.sky-tabs .grid-row:first-child{margin-top:0}
.sky-tabs .grid-col{display:block;float:left;width:100%;margin-left:2%}
.sky-tabs .grid-col:first-child{margin-left:0}
.sky-tabs .grid-col .inner{padding:10px 0;border-radius:5px;background:rgba(0, 0, 0, 0.1);text-align:center}
.sky-tabs .grid-col-1{width:6.5%}
.sky-tabs .grid-col-2{width:15%}
.sky-tabs .grid-col-3{width:23.5%}
.sky-tabs .grid-col-4{width:32%}
.sky-tabs .grid-col-5{width:40.5%}
.sky-tabs .grid-col-6{width:49%}
.sky-tabs .grid-col-7{width:57.5%}
.sky-tabs .grid-col-8{width:66%}
.sky-tabs .grid-col-9{width:74.5%}
.sky-tabs .grid-col-10{width:83%}
.sky-tabs .grid-col-11{width:91.5%}
.sky-tabs .grid-col-offset-1,
.sky-tabs .grid-col-offset-1:first-child{margin-left:8.5%}
.sky-tabs .grid-col-offset-2,
.sky-tabs .grid-col-offset-2:first-child{margin-left:17%}
.sky-tabs .grid-col-offset-3,
.sky-tabs .grid-col-offset-3:first-child{margin-left:25.5%}
.sky-tabs .grid-col-offset-4,
.sky-tabs .grid-col-offset-4:first-child{margin-left:34%}
.sky-tabs .grid-col-offset-5,
.sky-tabs .grid-col-offset-5:first-child{margin-left:42.5%}
.sky-tabs .grid-col-offset-6,
.sky-tabs .grid-col-offset-6:first-child{margin-left:51%}
.sky-tabs .grid-col-offset-7,
.sky-tabs .grid-col-offset-7:first-child{margin-left:59.5%}
.sky-tabs .grid-col-offset-8,
.sky-tabs .grid-col-offset-8:first-child{margin-left:68%}
.sky-tabs .grid-col-offset-9,
.sky-tabs .grid-col-offset-9:first-child{margin-left:76.5%}
.sky-tabs .grid-col-offset-10,
.sky-tabs .grid-col-offset-10:first-child{margin-left:85%}
.sky-tabs .grid-col-offset-11,
.sky-tabs .grid-col-offset-11:first-child{margin-left:93.5%}
.sky-tabs .typography h1,
.sky-tabs .typography h2,
.sky-tabs .typography h3,
.sky-tabs .typography h4,
.sky-tabs .typography h5,
.sky-tabs .typography h6{margin:40px 0 0;padding:0;text-align:left;color:#333}
.sky-tabs .typography h1{font-size:40px;line-height:50px;font-weight:300}
.sky-tabs .typography h2{font-size:34px;line-height:44px;font-weight:300}
.sky-tabs .typography h3{font-size:28px;line-height:36px;font-weight:300}
.sky-tabs .typography h4{font-size:22px;line-height:30px;font-weight:400}
.sky-tabs .typography h5{font-size:16px;line-height:23px;font-weight:400;text-transform:uppercase}
.sky-tabs .typography h6{font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase}
.sky-tabs .typography p{margin:20px 0 0;padding:0;line-height:20px;text-align:left}
.sky-tabs .typography ul,
.sky-tabs .typography ol{list-style:none;margin:20px 0 0;padding:0;line-height:20px}
.sky-tabs .typography li{position:relative;margin-top:5px;padding-left:20px}
.sky-tabs .typography li ul,
.sky-tabs .typography li ol{margin-top:5px}
.sky-tabs .typography ul li:before{content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background:#333}
.sky-tabs .typography ol{counter-reset:list1}
.sky-tabs .typography ol > li:before{counter-increment:list1;content:counter(list1)'.';position:absolute;top:0;left:0;color:#333}
.sky-tabs .typography a{text-decoration: none;color:#d10000}
.sky-tabs .typography a:hover{text-decoration:none}
.sky-tabs .typography .pic{padding:4px;border:1px dotted #ccc}
.sky-tabs .typography .pic img{display:block}
.sky-tabs .typography .pic-right{float:right;margin:0 0 10px 20px}
.sky-tabs .typography .link{text-decoration:underline;color:#d10000;cursor:pointer}
.sky-tabs .typography .link:hover{text-decoration:none}
.sky-tabs .typography h1:first-child,
.sky-tabs .typography h2:first-child,
.sky-tabs .typography h3:first-child,
.sky-tabs .typography h4:first-child,
.sky-tabs .typography h5:first-child,
.sky-tabs .typography h6:first-child,
.sky-tabs .typography p:first-child{margin-top:0}
.sky-tabs .typography .text-center{text-align:center}
.sky-tabs .typography .text-right{text-align:right}
.sky-tabs > label .fa{display:block;float:left;width:19px;margin:0 3px 0 -5px;font-family:FontAwesome;font-style:normal;font-size:15px;line-height:45px;text-align:center;-webkit-font-smoothing:antialiased}
@media screen and (max-width:1000px){.sky-tabs > label span span{padding:0 15px}
.sky-tabs > label .fa{line-height:45px!important}
</style>
 

index_box
Cod:

<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
{catrow.tablehead.L_FORUM}
</div>
        <div class="border">
        <div class="ipsBox table_wrap removeDefault">
<div class="ipsBox_container">
<table class="ipb_table" summary="Forums within the category 'ť Corect-Gaming Romania'">
<tbody>
<!-- END tablehead -->
 
<!-- BEGIN forumrow -->
<tr class="notnew">
                        <td class="col_c_icon">
<span class="status">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
                        </td>
<td class="col_c_forum">
                            <h{catrow.forumrow.LEVEL} class="forum_name"><strong class="highlight_unread"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></strong></h{catrow.forumrow.LEVEL}>
 
{catrow.forumrow.FORUM_DESC}
 
</td>
                        <td class="col_c_stats ipsType_small">
                            <p><strong>{catrow.forumrow.TOPICS}</strong> topics</p>
                            <p><strong>{catrow.forumrow.POSTS}</strong> replies</p>
                        </td>
<td class="col_c_post">
                                                <!-- 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></div></div><br>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
 
<style>
/*border*/
.border {
  border-radius: 1px;
    border: 1px solid #ddd;
}
.border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
    background: none repeat scroll 0% 0% #fff;
}
 
.removeDefault .ipsBox, .removeDefault.ipsBox {
    padding: 0px;
    background: none repeat scroll 0% 0% transparent;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.ipsBox {
    background: none repeat scroll 0% 0% #fff;
}
 
.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
    border: 0px none;
}
.ipsBox_container {
    border: 1px solid #fff;
}
 
table.ipb_table {
    width: 100%;
    line-height: 1.3;
}
table {
    width: 100%;
}
table {
    border-spacing: 0px;
}
.notnew .highlight_unread, .notnew .highlight_unread a {
    color: #000;
}
.notnew .highlight_unread, .notnew .highlight_unread a:hover {
    color:#000;
}
#idm_category .idm_category_row, .store_categories li, #idm_categories a, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table tr td {
    background-image: url('http://i.imgur.com/coMXtN3.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
}
table.ipb_table td {
    padding: 10px;
}
#recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
    border-top: 3px solid #fff;
    border-bottom: 1px solid #ddd;
}
.col_c_icon {
    padding: 10px 2px 10px 8px !important;
    width: 33px;
    vertical-align: middle;
}
td {
    padding: 3px;
}
.col_c_forum {
    width: auto;
}
 
.last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content {
    line-height: 18px;
}
.col_c_stats {
    width: 15%;
    text-align: right;
}
.ipsType_small {
    font-size: 11px;
}
ol, ul {
    list-style: none outside none;
}
 
td.col_c_post {
    padding-top: 10px !important;
    width: 250px;
}
</style>
 
overall_footer_end
Cod:

<!-- BEGIN html_validation -->
<!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">
<body>
  <div>
    <div>
    <div>
      <div>
      <div>
        <div>
        <ul>
          <li>
            <!-- END html_validation -->
          </li>
          </ul>
       <center>
          <strong>{ADMIN_LINK}</strong>
          </center>
          <!-- BEGIN switch_footer_links -->
          <ul>
            <li>
              <!-- BEGIN footer_link -->
              <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
              {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
              <!-- END footer_link -->
            </li>
          </ul>
          <!-- END switch_footer_links -->
        </div>
        </div>
        {PROTECT_FOOTER}
      </div>
      </div>
    </div>
  </div>
 
<div id="page-footer">
<a href="#" id="bottom" name="bottom"></a>
<div id="footer-container">
<div class="footer-row">
<div class="footer-col">
<strong><strong class="footer-title">Cereri</strong>
<ul class="footer-list"><li><a href="adresa">Cerere Forum</a></li>
<li><a href="">Cerere Parteneriat</a></li>
</ul>
 </div>
  <div class="footer-col">
<strong class="footer-title">Teme</strong>
<ul class="footer-list">
<li><a href="" target="_blank">Punbb</a></li>
<li><a href="">phpBB2</a></li>
<li><a href="">phpBB3</a></li>
<li><a href="">Invision</a></li>
</ul>
 </div>
  <div class="footer-col">
<strong class="footer-title">LumeaTutorialelor</strong>
<ul class="footer-list">
<li><a href="https://www.facebook.com/Techno-Design-România-1657508304506670/" target="_blank">Facebook</a></li>
<li><a href="http://techno-design.blogsite.ro/Primul-blog-b1.htm" target="_blank">Blog TechnoDesign</a></li>
</ul>
 </div>
  <div class="footer-col">
<strong class="footer-title">Link-uri Forumgratuit</strong>
<ul class="footer-list">
<li id="default-footer" style="display: none;">
<li> <a href="http://www.forumgratuit.ro/">creeaza un forum</li> </a>
<li> <a href="http://www.forumgratuit.ro/punbb">Š PunBB</li> </a>
<li> <a href="help.forumotion.com">Forum gratuit de suport</li> </a>
<li> <a href="/contact">Contact</li>  </a>
<li> <a href="/abuse?page=%2F&report=1">Semnaleaza un abuz</li> </a>
<li> <a href="http://www.blogratuit.ro/">Creeaza-ti propriul blog gratuit</li></a></strong>
</ul>
 </div>
  </div>
<div class="clear">
 </div>
  <div class="footer-row"><hr><div class="footer-copyright">
<strong>
<strong><center>Partenerii</center></strong>
  <marquee direction="left" onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);" scrollamount="2">
<span onmouseout="this.style.opacity=0.3;this.filters.alpha.opacity=30" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=10" style="opacity: 0.3;">
 
<a href="http://techno-design.esy.es/forum/" target="_blank" title="TechnoDesign"><img src="http://i68.servimg.com/u/f68/19/31/86/75/techno10.gif" style="width:88px;height:31px;border:0" alt="TechnoDesign"></a>
</marquee>
 
</strong>
<a id="footer_brand" href="http://technodesign.wikiforum.ro/">
<div><img src="http://i21.servimg.com/u/f21/19/28/14/83/free-h10.png" width="55" height="44" alt="">
 </div>
<strong><span> 2015 <div class="b">Š LumeaTutorialeor</div></span></strong>
 </a>
<div id="footerBackToTop"><a href="#top"><img src="http://i21.servimg.com/u/f21/18/45/41/65/top10.png" width="16" height="10" alt="^">
 </a>
  </div>
   </div>
    </div>
     </div>
       </div>
 
<style>
#b {
color:#000;
}
#page-footer{
color:#A3AAAE;
font-size:14px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
text-align:left;
background: url(http://i68.servimg.com/u/f68/19/31/86/75/mainti11.png) repeat-x scroll 0 0 #153ba3;
min-width:960px;
margin-top:30px;
padding-bottom:60px;
clear:both
}
#page-footer:hover{
color:#A3AAAE;
font-size:14px;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
text-align:left;
background: url(http://i68.servimg.com/u/f68/19/31/86/75/mainti11.png) repeat-x scroll 0 0 #153ba3;
min-width:960px;
margin-top:30px;
padding-bottom:60px;
clear:both
}
#page-footer a{
color:#A3AAAE
}
#page-footer a:hover{
color:#CCD0D2
}
#footer-container{
width:90%;
margin:0 auto;
padding:0 15px
}
.footer-col{
width:25%;
float:left
}
.footer-title{
font-size:17px;
font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
margin:60px 0 25px;
display:block
}
.footer-list{
padding-left:0;
list-style:none;
margin:0 0 10px
}
.footer-list li{
margin-bottom:10px
}
.footer-image{
display:inline-block;
text-align:center;
width:25px
}
.footer-row hr{
border:none;
border-top:2px solid #FFF!important;
margin:40px auto 0;
width:100px
}
.footer-copyright{
text-align:center;
padding-top:20px
}
#footer_brand{
width:auto;
display:block;
margin:0 auto
}
#footer_brand span{
color:#FFF;
display:inline-block;
margin:10px
}
#footerBackToTop{
position:relative
}
#footerBackToTop a {
background:#000;
border-radius:30px;
display:inline-block;
height:30px;
width:30px;
position:absolute;
;
top:10px;
left:50%
}
#footerBackToTop a:hover{
background:#000;
}
#footerBackToTop a img{
margin-top:9px
}
#first-post-br, hr, hr.dashed {
border-color: #fff;
box-shadow: 0 -1px 1px #d7d7d7;
}
hr {
border: 0 none #fff;
border-top: 1px solid #fff;
clear: both;
display: block;
height: 1px;
margin: 5px 0;
}
* {
margin: 0;
padding: 0;
}
</style>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
  status: true,
  cookie: true,
  xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->
 
<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
if ($('a#logout'))
{
var lien_redir = $('a#logout').attr('href');
 
if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
{
document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
}
}
});
 
$(document).ready( function() {
$('a#logout').click( function() {
FB.logout();
} );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>


Ultima editare efectuata de catre TechnoDesign in Sam Noi 21, 2015 1:07 pm, editata de 1 ori
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 24
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Temă de Sărbatori Crăciun Fericit  v1 Empty Re: Temă de Sărbatori Crăciun Fericit v1

Mesaj Scris de Ionut_FG Sam Noi 21, 2015 11:55 am

overall_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 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 -->
 
<center><div class='menu'>
<ul>
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
  </center>
<style>
.menu {
background:url('http://i68.servimg.com/u/f68/19/31/86/75/mainti11.png') repeat-x scroll 0px 0px #153ba3;
width: auto;
}
* {
    margin: 0;
    padding: 0;
}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1;
display: block;
zoom: 1;
}
.menu ul:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
.menu ul li {
display: inline-block;
padding: 0;
margin: 0;
}
.menu .align-right ul li {
float: right;
}
.menu.align-center ul {
text-align: center;
}
.menu ul li a {
color: #ffffff;
text-decoration: none;
display: block;
padding: 15px 25px;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
position: relative;
-webkit-transition: color .25s;
-moz-transition: color .25s;
-ms-transition: color .25s;
-o-transition: color .25s;
transition: color .25s;
}
.menu ul li a:hover {
color: #fff;
}
.menu ul li a:hover:before {
width: 100%;
}
.menu ul li a:after {
content: "/";
display: block;
position: absolute;
right: -3px;
top: 15px;
height: 0px;
background: #ffffff;
opacity: .5;
}
 
.menu ul li.last > a:after, .menu ul li:last-child > a:after {
display: none;
}
.menu ul li.active a {
color: #fff;
}
.menu ul li.active a:before {
width: 100%;
}
.menu.align-right li.last > a:after, .menu.align-right li:last-child > a:after {
display: block;
}
.menu.align-right li:first-child a:after {
display: none;
}
 
@media screen and (max-width: 768px) {
.menu ul li {
float: none;
display: block;
}
.menu ul li a {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #00F3F7;
}
.menu ul li.last > a,
.menu ul li:last-child > a {
border: 0;
}
.menu ul li a:after {
display: none;
}
.menu ul li a:before {
display: none;
}
</style>
  <div class="header-new" href="/forum"><img src="http://i68.servimg.com/u/f68/18/92/13/74/logo10.png"></div>
<a id="top" name="top" accesskey="t"></a>
 
<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 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
 
 
topics_list_box
Cod:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->
 
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE}</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
 
<tbody class="statused">
<!-- END header_table -->
 
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
 
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>
 
<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE}</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" style="margin-top: 10px;" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
<!-- END single_selection -->
                                    {topics_list_box.row.ICON}&nbsp;
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
                          <div class="topic-info">Scris de {topics_list_box.row.TOPIC_AUTHOR}</div>
<!-- BEGIN switch_description -->
<br />
&nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
                  <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES} raspunsuri<br/> {topics_list_box.row.VIEWS} vizualizari</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="border-left: none;">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
 
            <div class="last-post">{topics_list_box.row.LAST_POST_AUTHOR}<div style="line-height: 50%;">&nbsp;</div> {topics_list_box.row.LAST_POST_TIME}</div>
            </td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
 
<!-- BEGIN bottom -->
</tbody>
</table>
</div>
 
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
         
<style>
#stats, #onlinelist, ul.pun-legend {
  display: none;
}
</style>
 
viewforum_body
<a href="#" title="Follw Forum" class=" right ftoggle ipsButton_secondary">Follow pentru Forum</a>
<div class="ipbfs_titlebox">
<h1 class="ipsType_pagetitle">{SITENAME_TITLE}{PAGE_TITLE}</h1>
<div class="ipsType_pagedesc forum_rules">
</div>
</div>
<style>
.right {
    float: right;
}
.ipsButton_secondary {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 10px;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5));
    border: 1px solid #dbdbdb;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #616161;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
</style>
{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 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 = { };
    }
 
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});
 
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>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<div id="fb-root"></div>
<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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
<!-- END switch_fb_likebtn -->
 
<div class="padding-box"><div class="titlebox">
  <dd> <dava><div class="avatarredet"><a class="teste2" href="#">
    <img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a></div></dava>
    <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
      <h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">
        <dts>Scris de </dts><span itemprop="creator"></span> - <span itemprop="data_post"></span></div></div>
  </dd></div></div>
 
<div class="main paged">
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
          <p class="paging"><span class="page-number">{PAGE_NUMBER}</span> {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-content topic">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->
 
<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<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="topic-author">
  <div class="author-img">{postrow.displayed.POSTER_AVATAR}</div>
  <div class="author-info"><h4 class="username"><span class="creator">{postrow.displayed.POSTER_NAME}</span></h4> {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</div>
  <div class="author-stats">
      <span class="reset_cursor" style="float: left; margin-top: 13px; margin-right: 10px;cursor: pointer;" data-tooltip="">
                    <img title="Offline" alt="Offline" src="http://i.imgur.com/bghyx2t.png">
                </span>
                <span class="reset_cursor" style="float: left; margin-top: 13px; margin-right: 10px; ;cursor: pointer;" data-tooltip="">{postrow.displayed.ONLINE_IMG}</span>
    <!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
    <!-- END profile_field --></div>
</div>
                         
                         
                          <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
 
<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 class="editted-message">
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>
 
                            <div class="post-stats">#{postrow.displayed.COUNT_POSTS} - Posted <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span></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>
<!-- END displayed -->
<!-- END postrow -->
</div>
 
<div class="main-foot clearfix">
<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"><span class="page-number">{PAGE_NUMBER}</span> {PAGINATION}</p>
<!-- END topicpagination -->
</div>
 
</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}">{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="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
 
<style>
  #stats {
  display: none;
  }
</style>
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 24
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Temă de Sărbatori Crăciun Fericit  v1 Empty Re: Temă de Sărbatori Crăciun Fericit v1

Mesaj Scris de Nocti Sam Noi 21, 2015 3:34 pm

Asta este si mai frumoasa, dar nu-mi place cum se vede in interiorul unui topic. Supărat
Spoiler:
Nocti

Nocti
Membru Forumgratuit

Mesaje : 238
Varsta : 22
Data înscrierii : 04/06/2014
Mulțumiri : 3
Internet Explorer phpBB3

http://www.infinigame.biz/
Nocti a fost mulțumit de autorul acestui subiect.

Temă de Sărbatori Crăciun Fericit  v1 Empty Re: Temă de Sărbatori Crăciun Fericit v1

Mesaj Scris de mr.franta Lun Noi 23, 2015 4:02 pm

Te felicit pentru aceasta tema.Este minunata!
mr.franta

mr.franta
Membru onorific
Membru onorific

Mesaje : 1398
Varsta : 34
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.

Temă de Sărbatori Crăciun Fericit  v1 Empty Re: Temă de Sărbatori Crăciun Fericit v1

Mesaj Scris de Ionut_FG Lun Noi 23, 2015 5:24 pm

multumesc
avatar

Ionut_FG
Membru activ

Mesaje : 777
Varsta : 24
Data înscrierii : 01/11/2015
Mulțumiri : 123
Google Chrome Invision

http://invisionpower.rpgwars.net/
Ionut_FG a fost mulțumit de autorul acestui subiect.

Temă de Sărbatori Crăciun Fericit  v1 Empty Re: Temă de Sărbatori Crăciun Fericit v1

Mesaj Scris de Japan&Korea Sam Noi 26, 2016 2:53 pm

arata foarte bine tema
Japan&Korea

Japan&Korea
Membru Forumgratuit

Mesaje : 28
Varsta : 27
Data înscrierii : 27/12/2014
Mulțumiri : 0
Internet Explorer phpBB2

http://unstoppablemind.wikiforum.net/
Japan&Korea 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