Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

Maxx

Administrator
avatar
Administrator

Mesaje Mesaje : 152
Credite Credite : 170
Data de inscriere Data de inscriere : 24/08/2011
Vezi profilul utilizatorului

Green Skin HC-fg la data de Mar Mai 01, 2012 8:58 am

HelpCenter-FG
Creata: 2012-05-01 by .Nick, imbunatatita de Maxx.

Versiune :Punbb
Css Personalizat: Da
Categorie :Software
Descriere :O tema simpla si atragatoare, cu o nuanta de culoare ce nu oboseste ochiul.

Previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Ca sa puteti descarca tema trebuie sa postati in acest topic.




Css personalizat:

Cod Generalitati - profil header:
Cod:
<div class="profil" style="position: absolute; right: 200px; top: 70px; pending-left:  0px;">
<center><b><span class="USERNAME">
<script type="text/javascript">
var d = new Date();var time = d.getHours();if (time<10) {document.write("<b>Buna Dimineata</b>");}else if (time>=10 && time<19) {document.write("<b>Buna Ziua</b>");}else{document.write("<b>Buna Seara </b>"
);}
</script> {USERNAME}</center></b>
<hr>
<a href=" Link forum - avatar">Avatar</a>
<br/>
<a href="Link forum - Preferinte">Preferinte</a>
<br/>
<a href=Link forum - Semnatura">Semnatura</a>
<br>
<a class="mailbox" href="/privmsg?folder=inbox"></a>Nu aveti mesaje noi</div><tbody>
<tr>
<td><div id="avatar1"></div><style>.profil {
.profil
pending: 1px;
border: 2px dashed #1A8BED;
background: transparent;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 135px;}</style>

/*---------Cod logare header----------*/
<form id="ddlogin" action="/login.forum" method="post">
  <fieldset>
    <dl>
      <dt><label for="username">Username:</label></dt>
      <dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="" class="inputbox" /></dd>
    </dl>
    <dl>
      <dt><label for="password">Password:</label></dt>
      <dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox" /></dd>
    </dl>
    <dl>
      <dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" /> Remember me</label></dd>
    </dl>
    <dl>
      <dd><input type="submit" name="login" tabindex="6" value="Log In" class="button2" /></dd>
    </dl>
  </fieldset>
</form>

CSS:

Vertical slide:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Cod:


/*-----------------------------------Vertical Slide----------------------------------------*/



#vertical_slider {
font :italic 1.2em/1.2em Georgia, "Times New Roman", Times, serif;
color:#999;
text-align:center;
list-style: none;
margin-bottom: 10px;
margin-top: 4px;
padding: 0;}

#vertical_slider  a{
text-decoration:none;
color:#999;}

#vertical_slider li{
height: 90px;
padding: 0px;
margin:0 15px 0 0;
list-style:none;
display:inline;}

#vertical_slider li a{
display: inline-block!important;
overflow: hidden;
height: 90px;
line-height:90px;
width: 128px;
white-space:nowrap;
text-align:left;}


#vertical_slider li a p {
padding:0 0 0 135px;
line-height:normal;}

#vertical_slider li a p strong {
font-size:24px;
color:#336600;}


#vertical_slider  li a.rss_feed {
background:url(http://imagnet.ro/images/ci2t0.png) top left no-repeat;}
#vertical_slider li a.news {
background:url(http://imagnet.ro/images/0CItN.png) top left no-repeat;}
#vertical_slider li a.suport {
background:url(http://imagnet.ro/images/JeaKj.png) top left no-repeat;}
#vertical_slider li a.portfolio {
background:url(http://imagnet.ro/images/byqUR.png) top left no-repeat;}

Ovreall_Header:
Cod:

</script>   


<script type="text/javascript">
$(function(){
   
    $("#vertical_slider li a").each(function(){
    $(this).hover(function(){
        $(this).animate({width: "405px"}, {queue:false, duration:450});
      },function() {
          $(this).animate({width: "128px"}, {queue:false, duration:450});
      });
    });
    /*
        To use this you need to load jquery easing plugins
    */   
    $("#vertical_slider.easing li a").each(function(){
    $(this).hover(function(){
        $(this).animate({width: "405px"}, {queue:false, duration:450, easing:'easeOutBack'});
      },function() {
          $(this).animate({width: "128px"}, {queue:false, duration:450, easing:'easeInBack'});
      });
    });   
});
</script>


</head>


<ul id="vertical_slider">

    <li><a href="/rss" class="rss_feed"><p><strong>Ultimele Subiecte</strong><br />Urmareste ultimele subiecte ale <br />forumului {SITENAME_TITLE}<br> </p></a></li>
    <li><a href="#" class="news"><p><strong style="font-size:24px;">Anunturi/Actualizari</strong><br />Ultimele noutati si actualizari de pe <br>forumul {SITENAME_TITLE}.<br> </p></a></li>
    <li><a href="#" class="suport"><p><strong>Suport</strong><br />Pentru toate intrebarile tale,<br>exista un raspuns..<br> </p></a></li>
    <li><a href="#" class="portfolio"><p><strong>Portofoliu</strong><br />Arata cat esti de talentat in PS.<br>posteaza-ti portofoliul aici.<br>&nbsp;</p></a></li>
</ul>

Social:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

Cod:

</div>

<div id="page-body">

<div id="continut_centrare">

<div id="social_icons" align="right">
<a href="http://www.facebook.com" target="_blank"><img src="http://i66.servimg.com/u/f66/11/96/49/61/facebo10.png" title="Urmareste-ne pe Facebook" alt="Urmareste-ne pe Facebook"></a>

  <a href="#" target="_blank"><img src="http://i66.servimg.com/u/f66/11/96/49/61/twitte10.png" title="Urmareste-ne pe Twitter" alt="Urmareste-ne pe Twitter"/></a>

  <a href="#" target="_blank"><img src="http://i66.servimg.com/u/f66/11/96/49/61/digg10.png" title="Urmareste-ne pe Digg" alt="Urmareste-ne pe Digg"/></a>

  <a href="#" target="_blank"><img src="http://i66.servimg.com/u/f66/11/96/49/61/stumbl10.png" title="Urmareste-ne pe Stumbleupon" alt="Urmareste-ne pe Stumbleupon"/></a>

  <a href="#" target="_blank"><img src="http://i66.servimg.com/u/f66/11/96/49/61/youtub10.png" title="Urmareste-ne pe Youtube" alt="Urmareste-ne pe Youtube"/></a>
</div>
 

_________________

Coddy

Membru HelpCenter
avatar
Membru HelpCenter

Mesaje Mesaje : 4
Credite Credite : 4
Data de inscriere Data de inscriere : 01/05/2012
Vezi profilul utilizatorului

Re: Green Skin HC-fg la data de Mar Mai 01, 2012 2:18 pm

Dupa parerea mea este cam urata. Dar oricum bravo pentru efortul depus. Are cateva buguri dar nu sunt grave. Bravo oricum.

InFeRn0

Membru HelpCenter
avatar
Membru HelpCenter

Mesaje Mesaje : 32
Credite Credite : 46
Data de inscriere Data de inscriere : 12/03/2012
Vezi profilul utilizatorului http://extream-suport.up-with.com/forum

Re: Green Skin HC-fg la data de Mier Mai 02, 2012 2:17 pm

script realizat de mine
Cod:
<div class="profil" style="position: absolute; right: 200px; top: 70px; pending-left:  0px;">
<center><b><span class="USERNAME">
<script type="text/javascript">
var
 d = new Date();var time = d.getHours();if (time<10)
{document.write("<b>Buna Dimineata</b>");}else if
(time>=10 && time<19) {document.write("<b>Buna
Ziua</b>");}else{document.write("<b>Buna Seara </b>"
);}
</script> {USERNAME}</center></b>
<hr>
<a href="http://extream-suport.up-with.com/profile?mode=editprofile&page_profil=avatar">Avatar</a>
<br/>
<a href="http://extream-suport.up-with.com/profile?mode=editprofile&page_profil=preferences">Preferinte</a>
<br/>
<a href="http://extream-suport.up-with.com/profile?mode=editprofile&page_profil=signature">Semnatura</a>
<br>
<a class="mailbox" href="/privmsg?folder=inbox"></a>Nu aveti mesaje noi</div><tbody>
<tr>
<td><div id="avatar1"></div><style>.profil {
.profil
pending: 1px;
border: 2px dashed #1A8BED;
background: transparent;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 135px;}</style>

kola

Membru HelpCenter
avatar
Membru HelpCenter

Mesaje Mesaje : 1
Credite Credite : 1
Data de inscriere Data de inscriere : 04/05/2012
Vezi profilul utilizatorului

Re: Green Skin HC-fg la data de Vin Mai 04, 2012 8:24 pm

Tema este smk voi nu stiti ce inseamna o tema super(Coddy) , este super si merito luata voi face tema populara dar imi trb acordul lui Jack.Multumesc OmegaGaming(Scz de reclama nu am zis link forum meu dar am zis numele)

Maxx

Administrator
avatar
Administrator

Mesaje Mesaje : 152
Credite Credite : 170
Data de inscriere Data de inscriere : 24/08/2011
Vezi profilul utilizatorului

Re: Green Skin HC-fg la data de Dum Mai 06, 2012 8:52 pm

Multumesc pentru aprecieri !
Richard, intr adevar acel cod nu este facut de mine, l-am gasit pe un alt forum, dar nu este cel de care vorbesti tu.Codul pus de mine mai contine si o parte prin care te poti loga, iar acel minipanou de logare poate fi amplasat in header.

Edit: Intr-adevar, acela este forumul.

_________________

InFeRn0

Membru HelpCenter
avatar
Membru HelpCenter

Mesaje Mesaje : 32
Credite Credite : 46
Data de inscriere Data de inscriere : 12/03/2012
Vezi profilul utilizatorului http://extream-suport.up-with.com/forum

Re: Green Skin HC-fg la data de Lun Mai 07, 2012 11:54 am

codul lai luat de pe Extream-Suport - Tutoriale - Profil In header (All Version)

Continut sponsorizat



Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Subiecte similare

-

» Thema Skin Glare [punbb]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum