Cum fac un buton pe forum si sa ma duca sus.

[-ExP[3R]TuL-]

Buna ziua !!
As dori sa pun un buton jos la forum si cand dai pe el sa te duca sus uitati o imagine si folosesc phpbb2 !!
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

[Vizitator]

Cod:

<a href="#top">Top</a>

Cod:

$(function() {
  $('a[href="#top"]').click(function(){
      $('html, body').animate({scrollTop:0}, 400);
        return false;
   });
});

[-ExP[3R]TuL-]

Am bagat primul in index_body si celalt in css si nu arata fain de loc eu vreau sa fie incercuit ca in imaginea mea !!

[H4cK3R*uL]

Salut,

Al doilea script postat de t00ls nu este un script CSS, ci un script JavaScript
Deci, Panou de administrare ~> Module ~> Html & JavaScript ~> Gestiunea codurilor JavaScript ~> Coduri JavaScript ~> Creati un nou cod JavaScript, la rubrica Cod JavaScript puneti scriptul JavaScript si apsati butonul Inregistrare.

[-ExP[3R]TuL-]

Salut,

Al doilea script postat de t00ls nu este un script CSS, ci un script JavaScript
Deci, Panou de administrare ~> Module ~> Html & JavaScript ~> Gestiunea codurilor JavaScript ~> Coduri JavaScript ~> Creati un nou cod JavaScript, la rubrica Cod JavaScript puneti scriptul JavaScript si apsati butonul Inregistrare.

Lam bagat si cum ai zis tu da ma duce sus dar eu vreau sa fie pe mijloc si sa fie incercuit ca in imagine !!

[mr.franta]

Vad ca de la primul subiect v-ati razgandit.

[-ExP[3R]TuL-]

Eu vreau ca si in imagine ce mam razgandit ma ?

[-ExP[3R]TuL-]

up

[Zeus]

Buna ziua,   

Pentru incercuirea butonului intrati in P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css

Cod:

img
    vertical-align: middle !important;
}
#top {
    width: 24px;
    height: 24px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    display: inline-block;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    text-align: center;
    border-radius: 16px;
    outline: 0px none;
}

Urmatorul cod il adaugati in P.A ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor javascript:

Cod:

$(function() {
  $('a[href="#top"]').click(function(){
      $('html, body').animate({scrollTop:0}, 400);
        return false;
   });
});

Urmatorul cod puteti sa il adaugati in overall_footer_begin sau overall_footer_end intrand in P.A ~> Afisare ~> Template-uri ~> General

Cod:

<a href="#top"><img src="http://i56.servimg.com/u/f56/18/74/45/05/top10.png" alt="" /></a>

[-ExP[3R]TuL-]

nu sa scimbat nimica, nici nu sa pus nimica defapt.

[-ExP[3R]TuL-]

up !!

[-ExP[3R]TuL-]

up!!

[Zeus]

Intrati in P.A ~> Afisare ~> Culori ~> Imagini si culori ~> Culori ~> Foaie de stil css

Adaugati:

Cod:

 a[href="#top"] {
        width: 24px;
        height: 19px;
        line-height: 40px;
padding-top: 5px;
        display: inline-block;
        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
        text-align: center;
        border-radius: 16px;
        outline: 0px none;
    }

[-ExP[3R]TuL-]

Am adaugat doar ala in css si nu se intampla nimica, mai trebuie sa adaug ceva ?

[Zeus]

In afara de codul css pe care deja l-ati adaugat, mai trebuie urmatoarele doua coduri:

Adaugati urmatorul cod in P.A ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript

Cod:

$(function() {
  $('a[href="#top"]').click(function(){
      $('html, body').animate({scrollTop:0}, 400);
        return false;
   });
});

Vizibilitatea codului o setati pentru toate paginile.

Intrati in P.A ~> Afisare ~> Template-uri ~> General ~> overall_footer_begin:
Cautati linia:

Cod:

<div id="page-footer">

Inlocuiti cu:

Cod:

<div id="page-footer">
<a href="#top"><img src="http://i56.servimg.com/u/f56/18/74/45/05/top10.png" alt="" /></a>

Nu uitati sa publicati template-ul dupa terminarea modificarilor.

[-ExP[3R]TuL-]

absolut nimica   nu se vede nimica !!
am observat ceva mise pune butonul ala doar in topicuri !!

[-ExP[3R]TuL-]

up !!

[-ExP[3R]TuL-]

Inca mai astept

[-ExP[3R]TuL-]

up !!

[MaxGaming]

Salut    ! urmeaza acesti pasi:
Inlocuiesti tot template-ul overall_footer_begin cu:

Cod:

<!-- BEGIN html_validation -->
<div>
  <div>
      <div>
        <div>
            <div>
              <div>
                  <div>
                    <div>
<!-- END html_validation -->
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <div id="{ID_RIGHT}">
            <!-- BEGIN giefmod_index2 -->
            {giefmod_index2.MODVAR}
            <!-- BEGIN saut -->
            <div style="height:{SPACE_ROW}px"></div>
            <!-- END saut -->
            <!-- END giefmod_index2 -->
        </div>
      </div>
  </div>
</div>
<div id="pun-foot">
  <div id="pun-about" class="clearfix">
      <div id="topdes" onclick="$('html,body').animate({scrollTop: $('html').offset().top},1000);" title="Ir al TOP"></div><form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
        <fieldset>
            <p><label>{L_JUMP_TO}: </label></p>
            {S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
        </fieldset>
      </form>
      <ul>
        <li>
<!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->

Si apoi template-ul overall_footer_end cu:

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>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                    <li>
                        <!-- BEGIN footer_link -->
                          <!-- BEGIN switch_separator --> | <!-- 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 --><p class="right">
                  <strong>{ADMIN_LINK}</strong>
              </p>
              </div>
            </div>
            {PROTECT_FOOTER}
        </div>
      </div>
  </div>
</div>

<!-- 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>

Si daca nu merge nici asa, mai inlocuiti si tot CSS cu:

Cod:

html ,.smiley-frame {
background: #121212;
}
body {
background: #121212;
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
margin: auto!important;}
#page-body {
margin: 0 auto;
min-width: 980px;
max-width: 1200px;
overflow: hidden;
width: 90%;
}
.pun {
margin: auto;
padding: 0;
width: 100%;
}
#pun-head {
bottom: 4px;
position: absolute;
width: 100%;
z-index: 9999!important;
}
#pun-intro {
border: none;
background: black url("http://i.imgur.com/tyo35CN.jpg") top repeat-x;
height: 130px;
padding: 0;
position: relative;}
.forabg-ipb {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;}
.main .forabg-ipb .main-head ,.main.paged .main-head{
background: transparent;
border:0;}
.pun .main .forabg-ipb .main-content {
background: transparent;
border: 0;
}
.pun .forabg-ipb table.table td {
border: 0;
background: none!important;
}
.pun .forabg-ipb table .tcr {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.pun .forabg-ipb tbody.statused td.tcl {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pun .forabg-ipb table.table .statused tr {
background: #181818;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828;
border-bottom: 1px solid #343434;
border-radius: 5px;
display: table;
margin-bottom: 10px;
  width: 100%;}
.main .main-head .page-title h2 {
font-family: tahoma, helvetica, arial, sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
font-size: 12px;
font-weight: bold;
}
.pun .main table td.tc2, .pun .main table td.tc3, .pun table.table td {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.pun .main-content {
border: 1px solid #272727;
}
h2.topic-title a.topictitle {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.pun table.table td {
padding: .2em 0 0.2em;
}
.pun table.table thead tr {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
color: white;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
}
.pun table.table thead tr th {
border: 0;
background: rgba(0, 0, 0, 0.3);
color: white;
opacity: 0.5;
}
.pun .statused tr a {
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-weight: normal;
}
.pun .main table td.tc3 p {
text-align: right;
}
.avs .inx {
float: left;
margin-right: 5px;
}
.avs .inx img {
width: 34px;
height: 34px;
border-radius: 2px;
margin: 5px 5px;
}
.main.paged {
background: #1F1F1F url("http://i.imgur.com/9FRy5t9.png") repeat;
border: 1px solid #282828;
border-top: 1px solid #363636;
border-radius: 5px;
padding: 5px;
margin-bottom: 20px;
}
.pun .main-content {
border: 1px solid #272727;
background-color: #101010;
}
.pun .post {
color: #BCBCBC;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
border: 0;
}
.pun .posthead {
border-top: 1px solid #2D2D2D;
border-bottom: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
padding-left: 18em;
}
.pun .postmain {
border-left: 1px solid #252525;
background: #181818;
}
.pun .user .user-info, .pun .user .user-ident {
text-align: center;
}
.pun .user-ident .user-basic-info {
margin-top: 15px;
}
.user-basic-info a img {
max-width: 95px;
max-height: 95px;
border-radius: 2px;
}
.postfoot {
background-color: #101010;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-top: 1px solid #252525;
margin-left: -18em;
}
#pun-visit, .main-box ,#main .module-advert .main-content{
background: #181818;
border: 1px solid #2D2D2D;
}
#board_stats ul li {
display: inline;
margin: 10px;
}
#board_stats ul li span {
display: inline-block;
background: #222 url('http://i.imgur.com/FUWMlkh.png') repeat-x 0 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
padding: 3px 7px;
font-weight: bold;
border-radius: 3px;
margin-right: 3px;
box-shadow: inset rgba(255, 255, 255, 0.03) 0px 1px 0px;
}
#board_stats {
text-align: center;
height: 50px;
}
#pun-info-ipb #onlinechat {
background: #181818;
border: 0;
}
#pun-info-ipb #onlinelist {
background: #181818;
border: 0;
}
.board-title-line ul li {
display: inline;
margin: 0 5px;
}
.board-title-line a {
font-weight: normal;
}
.board-title-line ul {
float: right;
}
.board-title-line p {
float: left;
}
.board-title-line {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#pun-info-ipb {
margin: 0;
color: #898989;}
#pun-about a {
font-weight: normal!important;
color: #848484;!important}
#pun-about #qjump {
display: none;
}
#pun-about {
padding: 8px;
position: relative;
border: 1px solid #2A2A2A;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #1A1A1A url('http://i.imgur.com/6c0afnZ.png') repeat-x 0 -1px;
text-align: left;}
#pun-about .right br {
display: none;
}
#pun-about ul {
float: left;
}
#pun-foot {
margin: auto;
max-width: 1200px;
min-width: 980px;
position: relative;
}
.pun #coun-mps {
    line-height: 12px;
}
#pun-navlinks li a:hover {
background: rgba(0, 0, 0, 0.3);
color: white;
}
#pun-navlinks li a {
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
color: #CCC;
line-height: 31px;
margin: 0;
height: 32px;
display: inline-block;
padding: 0 6px;
}
#pun-head #pun-navlinks {
background: url("http://i.imgur.com/CmCydtW.png") repeat;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
height: 32px;
box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 1px, rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(0, 0, 0, 1) 0px 1px 4px;
padding: 0;
border: 0;
}
.men-intro {
background: rgba(0, 0, 0, 0) url(http://i.imgur.com/xLx9ftI.png) repeat;
border: none;
height: 130px;
margin: auto;
max-width: 1200px;
min-width: 980px;
padding: 0;
position: relative;
width: 90%;
}
#pun-logo {
float: none;
position: absolute;
top: 20px;
}
.pun table.table th {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 9px 9px 14px 9px;
border: 1px solid #393939;
}
.topme {
height: 20px;
padding: 10px 5px 5px;
}
.topme h1 {
font: normal 11px tahoma;
float: left;
background: rgba(0, 0, 0, 0.3);
opacity: 1;
color: white;
padding: 4px 10px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
border-radius: 8px;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: 0;
}
.paged-head.clearfix p.posting {
text-align: right;
}
#stats {
border: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px 5px;
height: 13px;
}
#onlinelist {
border-top: 0;
background-color: #101010;
}
.pun .post .user{margin-top: -2.3em;}
.pun .posthead h2 strong{font-weight: normal;}
#quick_reply .frm-set {
padding: 0;
margin: 0;
}
#quick_reply .frm-buttons ,.frm-buttons{
background: #232323 url('http://i.imgur.com/xrqkJVp.png') repeat-x 0 -1px;
border-top: 1px solid #373737;
line-height: 30px;
text-align: center;
padding: 3px 0;
margin-top: 1px;}
.pun .frm-form, .main .main-content.frm {
background: black;
}
#quick_reply {
padding-bottom: 8px;
}
fieldset.frm-set textarea.inputbox ,input[type="password"], input[type="text"], textarea {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}

fieldset.frm-set textarea.inputbox:focus ,input[type="password"]:focus, input[type="text"]:focus, textarea:focus {outline: none;
background-color: #4B4B4B;
color: #F8F8F8;
border-color: #797979;}
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
width: 80%;
}
fieldset.frm-set.multi {
border: 0;
}
#quick_reply dl dt label {
display: none;
}
#text_editor_controls {
background: #202020 url('http://i.imgur.com/8OKqAgJ.png') repeat-x 0 -1px;
margin: 0;
padding: 4px 10px;
width: 100%!important;
border-bottom: 1px solid #2B2B2B;
}
#quick_reply fieldset.frm-set dl dt {
display: none;
}
#quick_reply .dd-textarea {
margin: 0!important;
padding: 0!important;
}
#quick_reply .dd-textarea #text_editor_textarea {
width: 98.2%!important;
background: black!important;
border: 1px solid #494949 !important;
margin: 2px;
display: block;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="submit"], input[type="reset"]
{font-size: 11px;
padding: 7px 10px;
border: 0;
background: #393939 url('http://i.imgur.com/3QzE416.png') repeat-x 0 0;
border-radius: 2px;
color: white;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
cursor: pointer;
}
.pun .frm .frm-buttons input:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover
{color: white;background-color: #434343;}
.pun .frm .frm-buttons input:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {color: white;
position: relative;
top: 1px;}
button.button2, input.button2 {
border: 0!important;
cursor: pointer;
background: transparent;
padding: 5px 4px;
border-radius: 3px;
}
.frm-form img[src^="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
button.button2:hover, input.button2:hover {
background: #2E2E2E;
}
.codebox dt {
border: 0;
}
.codebox dd, .codebox dd.cont_code {
background-color: #222 !important;
color: #7F7F7F;
border: 1px solid #363636;
}
.codebox {
background-color: #262626 !important;
color: #7F7F7F;
border: 1px solid #3B3B3B;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
font-family: monospace !important;
}
.postmain blockquote ,blockquote{
font-size: 12px;
padding: 10px;
border: 1px solid #3B3B3B;
background: #262626;
color: #7F7F7F;
margin: 0 0;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
background: #232323 url('http://i.imgur.com/mIgqPSP.png') repeat-x 0 -1px;
border: 1px solid #373737;
}
.main.paged #first-post-br {
display: none;
}
table.forumline {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
background-color: #212121;
border: 1px solid #313131;
}
.pun .paging a, .paging b, .pagination a {
background: #252525 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
color: white;
padding: 2px 6px;
border-radius: 2px;
opacity: 0.8;}
.pun .paging a:hover, .paging b:hover, .pagination a:hover {
background: #353535 url('http://i.imgur.com/WEtgBTF.png') repeat-x 0 0;
opacity: 10;
color: white;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #161616;
border: 0;
}
.title-overview {
border-bottom: 1px solid #393939;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #282828 url('http://i.imgur.com/KNLjKkI.png') repeat-x 0 -1px;
padding: 8px;
border: 1px solid #393939;
}
#search_menu {
background: #222;
border: 1px solid #3F3F3F;
}
.pun .frm .frm-form table {
border: 1px solid #2E2E2E;
}
.pun .main table.table td.td-title {
border: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
background: rgba(0, 0, 0, 0.3);
}
.module p.author {
background: #222 url("http://i.imgur.com/GpB5BCN.png") bottom repeat-x;
border-bottom: 1px solid #303030;
}
.pun .main h3 a.forumtitle {
font-weight: bold;
font-size: 12px;
}
.pun-crumbs a {
display: inline-block;
padding-right: 17px;
padding-left: 5px;
background: url('http://i.imgur.com/2ZeN9lG.png') no-repeat 100% 0;
color: #D7D7D7!important;
line-height: 37px;
height: 37px;
float: left;
overflow: hidden;
font-size: 11px;
visibility: visible!important;
font-weight: normal;}
.pun-crumbs {
position: absolute;
top: 0px;
background: #1C1C1C url('http://i.imgur.com/uNQDk9x.png') repeat-x 0 0;
border: 1px solid #2D2D2D;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
border-radius: 3px;
overflow: hidden;
line-height: 37px;
margin-bottom: 15px;
width: 100%;
margin-top: 20px;
padding: 0;
color: transparent;
font-size: 0;}
.pun-crumbs strong {
color: transparent;
}
.pun-crumbs p {
color: transparent;
}
.pun-crumbs a:active {
background-position: 100% -86px;
}
.pun-crumbs a:hover {
color: #FFF!important;
background-position: 100% -43px;}
#page-body {
padding-top: 66px;
position:relative;}
.tcl.tdtopics #tipe-post strong{
background-color: #7BA60D;
color: white;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
font-weight: bold;
text-transform: uppercase;
background-image: url("http://i.imgur.com/BnZuWJM.png");
background-repeat: repeat-x;
background-position: 0 -1px;
padding: 1px 5px;
}
.select {
margin-top: -130px;
margin-left: -90px;
}
.select .button2 {
background: #020202;
}
.main-head:hover #toggle-right {
visibility: visible;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 1;}
.main-head #toggle-right {
visibility: hidden;
-webkit-transition: 0.3s;
-moz-transition-duration: 0.3s;
-htm-transition-duration: 0.3s;
opacity: 0;}
#pun-announcement {
border: 1px solid #272727;
background-color: #101010;
}
.avatar-ipb img {
    width: 24px;
    height: 24px;
}
#identipb a {
    display: inline-table;
    vertical-align: text-bottom;
    line-height: 26px;
    margin-left: 6px;
}
.info_box ,div.avatar-ipb {
    float: left;
}
#SoIan {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    width: 360px;
    background: #1d1d1d;
    position: absolute;
    padding: 6px;
    border-radius: 0 0 6px 6px;
}
.info_box {
    margin-left: 65px;
    display: inline-table;
    position: relative;
    float: left;
}
.info_box a {
    display: inline-block;
}
#SoIan .avatar-ipb img {
    width: 54px;
    height: 54px;
    border-radius: 2px;
}
#SoIan .info_box a {
    width: 118px;
}
.app-ipb-nav {
    float: right;
    position: absolute;
    top: 0px;
    right: 10px;
}
#identipb a {
    border-left: 1px solid rgba(255,255,255,0.1);
padding-left: 8px;}
#identipb a.ipb-mainmenu img {
    position: relative;
    top: 6px;
}
.ipb-mainmenu {}
#identipb a img#i_icon_mini_not {
    position: relative;
    top: 6px;
}
a.ipb-mainmenu#logout {
    line-height: 31px;
}
#pun-head {
z-index: 9999!important;
}
#SoIan {
right: 107px;
}
.main .frm-info {
background: #333;
border: 1px solid #000;
}
.avs .inx img:hover {
opacity: 0.7;
}
.pun .posthead, .pun .posthead a {
color: #777;
}
.pun .main-content #stats {
height: auto;
}
#profile-advanced-details div.separator {
border-bottom: 1px solid #1F1F1F;
border-top: 1px solid #0A0A0A;
padding: 0;
line-height: 0px;
}
#tabs ul li a {
    background: #292929;
    border: 1px solid #000;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.11) inset;
}
#tabs ul li a:hover {
    background: #252525;
    color: #B8B8B8;
}
#tabs ul li.activetab a {
    background: #0A5E69;
    border: 1px solid #393939;
    border-bottom: 1px solid #3F3E3E;
}
#profile-advanced-details .message-header {
background: #272727;
border-top: 1px solid #353434;
}
select {
border: 1px solid #383838;
background: #292929;
color: #969696;
padding: 5px 2px;
}
#content-container div#right .module .main-head .h3, #content-container div#right .module .main-head h3 {
font-weight: bold;
}
.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
.resizebox .resize_border {
background: #222;
border: 1px solid #333;
}
.module p.comments {
background: none;
border-top: none;
}
#ipb-search_menu {
    right: 68px;
    background: rgba(0,0,0,0.5);border-radius: 3px;
    box-shadow: rgba(255,255,255,0.25) 0px 0px 1px, rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(0,0,0,1) 0px 1px 4px;
    top: 31px;
    padding: 4px;
}
.pun #ipb-search_menu .go-se-ipb {
    background: rgba(255, 255, 255, 0.25) url('http://i.imgur.com/Pytjj0m.png') no-repeat 50%;
    font-size: 0;
    width: 29px;height: 26px;
    top: -4px;
    position: relative;
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
    border-radius: 0 5px 5px 0;
    text-indent: -3000em;
}
.pun #ipb-search_menu .inputbox.medium {
    background: rgba(255,255,255,0.15);
    display: inline-block;
    padding: 0 61px 0 5px;
    height: 26px;
    border: 0;
    border-radius: 3px 0px 0px 3px;
    box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
    outline:  0;
    color: rgb(167, 163, 163);
    width: 170px;
}
#search_options {
    position: absolute;
    right: 70px;
    background: rgba(255,255,255,0.15) url('http://i.imgur.com/QbteGSC.png') repeat-x 0 0;color: #eee;display: inline-block;text-shadow: #000 0px -1px 0px;
    font-size: 10px;height: 20px;line-height: 20px;margin: 3px 3px 3px 0;padding: 0 6px;
    border-radius: 3px;
    cursor: pointer;
}
#adv_search {
    width: 26px;height: 26px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: url('http://i57.servimg.com/u/f57/16/90/71/02/advanc10.png') no-repeat 50% 50%;
    text-indent: -3000em;display: inline-block;margin-left: 3px;
}
.pun #ipb-search_menu .inputbox.medium:focus {
    color: white;
}
#pun-head #pun-navlinks ul.clearfix li #logout {
display: none;
}
#chatbox_contextmenu {
    background: #242424;
    border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
    background: #222;
    border-bottom: 1px solid #000;
    border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
    background: #303030;
}
#coun-mps {
position: absolute;
right: 110px;
background: #EC2525;
border: 1px solid #5F0C0C;
font: bold 10px arial;
border-radius: 3px;
padding: 0 3px;
color: #FFF;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
z-index: 999!important;
top: 4px;
}
.ipsType_sectiontitle.clearfix {
padding: 10px;
font: bold 22px arial;
}
#user_inbox_link_menucontent {
width: 500px;
background: #1D1D1D;
border: 1px solid #363636;
position: absolute;
top: 32px!important;
right: 98px!important;
display: none;
}
.ipsPad_half.ipsType_smaller.right a {
font: normal 10px arial;
}
.ipsList_withminipms {
border-top: 1px solid #383838;
}
.ipsList_withminipms .tcl.tdtopics {
display: block;
padding: 5px;
border-top: 1px solid #313030;
border-bottom: 1px solid #0C0C0C;
}
.ipsList_withminipms .tcl.tdtopics a.topictitle {
margin-left: 10px;
}
#user_alert_link_menucontent {
    width: 500px;background: #1D1D1D;border: 1px solid #363636;position: absolute;top: 32px!important;
    right: 59px!important;display: none;
}
.ipsList_withminialert td.tcr {
    display: block;
    background: #292828;
    border-top: 1px solid #313131;
    border-bottom: 1px solid #1F1E1E;
    padding: 5px;
}
#alerticon, #aime-mp {
cursor: pointer;
}
#topdes {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto;
    background: #BDBDBD url("http://i.imgur.com/3Z8kIZr.png") no-repeat center;
    position: absolute;
    left: 88%;
    border-radius: 100%;
    box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px;
    cursor: pointer;
    opacity: 0.4;
    margin-top: -5px;
}
#topdes:hover {
    opacity: 0.7;
}
.men-intro {
max-width: 1200px;
min-width: 980px;
position: relative;
}

#user_inbox_link_menucontent td {width: 490px;height: 20px;padding-left: 15px;}
#user_alert_link_menucontent td {width: 495px;padding-top: 6px !important;height: 20px;padding-left: 15px;}

Sper ca ti-am fost de ajutor

[-ExP[3R]TuL-]

Te-am spus si mai sus folosesc phpbb2 nu punbb !!

[Ra!n]

Si ce? Si la phpbb2 merg templaturile!

[-ExP[3R]TuL-]

Rog un admin sa ii dea warn la Ra!n pentru intrarea in topic !!
Da stiu ca merge dar nu imi trebuie tot css-ul imi trebuie doar scriptl de la butonul ala Multumesc!!

[Ra!n]

Sa imi dea warn ca ce? Topicul e public! Tu ai zis ca ai phpbb2 nu punbb. Aualeu, ce mult am gresit....

Plus ca un astfel de topic a mai fost creat! Foloseste optiunea cautare!

[-ExP[3R]TuL-]

Daca nu ma ajuti nu ai ce sa posta in topic !!
Eu am facut acest topic sa ma ajute alti nu sa povestesc cu tine.
Multumesc !!
Up.

[-ExP[3R]TuL-]

up !!

[-ExP[3R]TuL-]

Inca mai astept !!

[-ExP[3R]TuL-]

Up e un buton )

[Vizitator]

Salut,
Intrati in overall_footer_begin si cautati:

Cod:


<div id="page-footer">


Inlocuiti cu:

Cod:


<div id="page-footer">
  <div align="center"><a href="#top"><img src="http://i56.servimg.com/u/f56/18/74/45/05/top10.png" alt="" /></a></div>


Adaugati urmatorul cod javascript, amplasare toate paginile:

Cod:


$(function() {
  $('a[href="#top"]').click(function(){
      $('html, body').animate({scrollTop:0}, 400);
        return false;
  });
});


Acum adaugati in foaia de stil CSS:

Cod:

 a[href="#top"] {
        width: 24px;
        height: 19px;
        line-height: 40px;
padding-top: 5px;
        display: inline-block;
        background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
        text-align: center;
        border-radius: 16px;
        outline: 0px none;
    }

[-ExP[3R]TuL-]

Absolut nimica nu sa scimbat !!