Scripturi pentru forum

[ZERO]

Rezumarea primului mesaj :

Codul este urmatorul pentru cautarea cu google, puteti sal bagati unde doriti, ex: portal, anunt pe prima pagina, HTML page, etc...

Cod:

<!-- Search Google -->
<center>
<FORM method=GET action="http://www.google.com/search">
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google" align="absmiddle"></A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value="en">
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
<!-- Search Google -->

[nick]

Tooltips folosind pagina CSS

Pune acest cod in pagina CSS

Cod:

.tooltip {
         border-bottom: 1px dotted #000000; color: #000000; outline: none;
         cursor: help; text-decoration: none;
         position: relative;
      }
      .tooltip span {
         margin-left: -999em;
         position: absolute;
      }
      .tooltip:hover span {
         border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
         box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
         font-family: Calibri, Tahoma, Geneva, sans-serif;
         position: absolute; left: 1em; top: 2em; z-index: 99;
         margin-left: 0; width: 250px;
      }
      .tooltip:hover img {
         border: 0; margin: -10px 0 0 -55px;
         float: left; position: absolute;
      }
      .tooltip:hover em {
         font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
         display: block; padding: 0.2em 0 0.6em 0;
      }
      .classic { padding: 0.8em 1em; }
      .custom { padding: 0.5em 0.8em 0.8em 2em; }
      * html a:hover { background: transparent; }
      .classic {background: #FFFFAA; border: 1px solid #FFAD33; }
      .critical { background: #FFCCAA; border: 1px solid #FF3334;   }
      .help { background: #9FDAEE; border: 1px solid #2BB0D7;   }
      .info { background: #9FDAEE; border: 1px solid #2BB0D7;   }
      .warning { background: #FFFFAA; border: 1px solid #FFAD33; }

Pentru a posta oriunde pe site/forum vei folosi class="tooltip" si clasa tooltip-ului folosit (cassic,critical,custom help,custom info,custom warning)

Mai jos ai un exemplu pe care il poti testa:

Cod:

<a class="tooltip" href="#">Classic<span class="classic">De completat De completat De completat De completat De completat De completat De completat </span></a>, <a class="tooltip" href="#">Critical<span class="custom critical"><img src="http://i73.servimg.com/u/f73/12/63/64/97/critic10.png" alt="Error" height="48" width="48" /><em>Critical</em>De completat De completat De completat De completat De completat De completat De completat </span></a>, <a class="tooltip" href="#">Help<span class="custom help"><img src="http://i73.servimg.com/u/f73/12/63/64/97/help10.png" alt="Help" height="48" width="48" /><em>Help</em>De completat De completat De completat De completat De completat De completat De completat De completat De completat De completat </span></a>, <a class="tooltip" href="#">Informatie<span class="custom info"><img src="http://i73.servimg.com/u/f73/12/63/64/97/info10.png" alt="Informatie" height="48" width="48" /><em>Informatie</em>De completat De completat De completat De completat De completat De completat De completat De completat </span></a> si <a class="tooltip" href="#">Atentie<span class="custom warning"><img src="http://i73.servimg.com/u/f73/12/63/64/97/warnin10.png" alt="Atentie" height="48" width="48" /><em>Atentie</em>De completat De completat De completat De completat De completat De completat De completat De completat De completat De completat De completat De completat </span></a></p>

[Asandra]

Script-ul următor l-am căutat şi eu foarte mult .
Imaginea vă arată ce puteţi face cu el ;

( Vă alegeţi o imagine tip icon , iar când pui mouse-ul pe ea îţi poate arată o scurtă prezentare a unui membru staff de exemplu' )

Primul pas :
Adăugaţi următorul cod în '' Foaie de stil Css '' ( cod-ul următor nu funcţionează fără acesta !! )

Cod:

/* THUMB */
.thumbnail {position: relative; z-index: 9; text-decoration: none !important}
.thumbnail:hover {background: transparent; z-index: 10}
.thumbnail > span {display: none; position: absolute; top: 0; left: 60px; padding: 5px}
.thumbnail > span img {padding: 2px}
.thumbnail:hover > span {display: block; border: 1px dashed gray; background-color: #FFF; color: black;}
.thumbnail:hover span span {display: inline; border: none}

Pasul al II-lea
/// Afişare - Pagina de start ( Generalităţi ) - Mesaj pe pagina de start . ///
În conţinutul mesajului adăugaţi următorul cod :

Cod:

<a class="thumbnail" href="#"><img alt="" src="THUMB"><span><img alt="" src="LINK IMAGINE"></span></div>

Înlocuiţi THUMB cu adresa imaginii mici . ( în imaginea prezentată mai sus de mine e hamsterul ) şi LINK IMAGINE - cu link-ul imaginii care să vă apară după ce puneţi mouse-ul pe icon .

[Emanuel.]

Eliminarea iconitelor de la meniul forumului de origine.

Cod:


.mainmenu img{display: none;}


Codul CSS de mai sus este pentru versiunea phpBB2.

[Qouk]

Cod opacitate, cand treci cu cursorul peste imagine aceasta revine la normal.

Cod:


<img src="IMAGINE" style="opacity: 0.5;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=10" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50">


Desigur puteti modifica codul cum doriti...

[Qouk]

Un script luat de pe net si modificat de mine.
Cu acest script cand dati click cu mouse-ul pe un buton textul din chenar se selecteaza...

Cod:


<head>
<script type="text/javascript">
  function setfocus() {
    document.selectform.selectaretext.select();
  }
</script>
</head>
<body>
<br>
<form name="selectform">
  <input type="text" name="selectaretext" size="30" value="Textul tau aici">
  <input type="button" value="Selecteaza!" onclick="setfocus()">
</form>
</body>


Un script creat de mine cu putina imaginatie..
Cu acest script cand treceti cu mouse-ul peste text acesta se selecteaza automat. Probabil v-ati mai intalnit cu el mai des la site-uri de upload....:

Cod:


<head>
<script type="text/javascript">
  function setfocus() {
    document.selectform.selectaretext.select();
  }
</script>
</head>
<body>
<br>
<form name="selectform">
  <input type="text" name="selectaretext" size="30" value="Textul tau aici" onmouseover="setfocus()">
</form>
</body>


[Asandra]

Panou de administrare > Afişare > Template-uri > General > index_box ( Pagina de start - afisarea categoriilor ) > Click pe ( Modifică )

Înlocuiţi întregul conţinut cu următorul cod ( apoi da-ţi Înregistrare , urmat de *Publică* )

Cod:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
 
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="row1" width="100%"><table class="catcadre"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td></tr></table></td>
      </td>
                    <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
                <span class="gensmall">{catrow.forumrow.LAST_POST}<br />{catrow.forumrow.POSTS} Message | {catrow.forumrow.TOPICS} Sujets</span></div>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Rezultatul : Câmpurile Subiecte şi Mesaje la fiecare sub-forum vor dispărea , rămânând numai numele forumului şi datele ultimelor mesaje .
Preview : CLICK
Încercat pe versiunea Phpbb2 . Posibil să funcţioneze şi pe PunBB .

[mosora2002]

acesta este un chat campie

Cod:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyODQyMzU1OTc4MjgmcHQ9MTI4NDIzNTYwMTUxNSZwPTUzMTUxJmQ9Jmc9MQ==.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=113361003" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=113361003">Go Large!</a></small><br>

dar are cn chat-ul ala care iti alegi camera si la inceput tio da pe xxx

Tag-ul CODE a fost adaugat.

[hihi xDD]

cod pentru o pagina de download muzica (fara logo) . va rog, pastrati copyright-ul

Cod:

<html>
<head><title>Download Music</title></head>
<body><link rel="shortcut icon" href="http://img266.imageshack.us/img266/5044/43177236.png" type="image/x-icon">

<br/>
<br/>
<br/>
<center><a href="/"><img src="http://img849.imageshack.us/img849/5330/home1w.png" alt="" border="0"></a><a href="/forum"><img src="http://img829.imageshack.us/img829/5007/forum1n.png" alt="" border="0"></a><a href="/h2-music"><img src="http://img861.imageshack.us/img861/8068/music1.png" alt="" border="0"></a><a href="/contact"><img src="http://img713.imageshack.us/img713/9086/contact1.png" alt="" border="0"></a></center>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<center><table border=1>
<tr>
<th><font color="#ffffff">Artist</font></th><th><font color="#ffffff">Song</font></th><th><font color="#ffffff">Genre</font></th><th><font color="#ffffff">Download</font></th>
</tr>
<tr>
<td><font color="#00ffff"><b>Pendulum</b></font></td><td><font color="#00ffff"><b>Crush</font></b></td><td><font color="#00ffff"><b>DnB</font></b></td><td><a href="/download-song"><img src="http://img189.imageshack.us/img189/4296/downloadyh.jpg" alt="Click here to download" border="0"></a></td>
</tr>
<tr>
<td><font color="#00ffff"><b>AC/DC</font></b></td><td><font color="#00ffff"><b>TNT</font></b></td><td><font color="#00ffff"><b>Rock</b></font></td><td><a href="/download-song"><img src="http://img189.imageshack.us/img189/4296/downloadyh.jpg" alt="Click here to download" border="0"></a></td>
</tr>
</table></center>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<center><font size="-1"><b>Design & Coding by <a href="http://www.pwned.org">hihi ^^</a></b></font></center>
<br/>
<br/>
<br/>
<center><font size="-1"><a href="http://www.forumotion.com" target="_blank"><b>Hosted by www.ForuMotion.com<b></a></font></center>
<body bgcolor="" text="#FFFFFF" link="#00b7ff" vlink="#00b7ff" alink="#00b7ff"></body>

<style type="text/css">
body {
text-shadow: 0px 0px 0px #000;
color: #0069a1;
background: url(http://i49.servimg.com/u/f49/16/59/01/58/15_16010.png);
background-position: top-center;
background-repeat: repeat-x;
background-color: #003C66;
font-family:Verdana;}

div#page-header div.navbar ul.linklist li a {
padding-top: 11px;
padding-bottom: 12px;
padding-right: 5px;
padding-left: 4px;}

div#page-header div.navbar ul.linklist li a:hover{
background: url('http://i14.servimg.com/u/f14/13/94/17/66/meniu217.png');
background-repeat: repeat-x;
padding-top: 11px;
padding-bottom: 12px;
padding-right: 4px;
padding-left: 3px;
border-left: 1px solid #0d0d0d;
border-right: 1px solid #0d0d0d;}

ul.navlinks {
border-bottom: 0px solid transparent;
text-align: left;}

.opacitate img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.opacitate img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

</style>

</body>
</html>

[Lycan]

Cu acest cod se generează o numărătoare inversă pînă în anul 2012 .

Cod:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMjQzMjAxODg3NjUmcHQ9MTMyNDMyMDM2Mzg*MyZwPTU2MjYxJmQ9Jmc9MSZvPWQwZTc2MjEzYzI1NDRkYjNhZDA*/YTgyMjgyYzJmMmM*.gif" /><p align='center'><br><embed src='http://files.poqbum.com/Files/Gens/countdown/cndplayer.swf?skinn=http://files.poqbum.com/Files/Gens/countdown/skin4.swf&bg_c=0xFFFFFF&bg_mc=0x003366&tcm=FFFFFF&tcu=00FF00&msg=2012&tyear=2012&tmonth=1&tday=1&thours=0&tminutes=0&tseconds=0' wmode='transparent' quality='high' width='310' height='180' name='cndplayer'></embed>

Îl adăugați în Generalități / Footer / Header

[Cata90]

Cod Kiss Fm (ascuns):

Cod:

<script type="text/javascript">WAU_tab('qe4jcnbsgilu', 'left-middle')</script><div id="audio-player"><embed type="application/x-shockwave-flash" src="http://www.kissfm.ro/player/player.swf" id="live-flash-player" name="live-flash-player" bgcolor="#000" quality="high" allowfullscreen="false" allowscriptaccess="always" wmode="transparent" flashvars="repeat=true&autostart=true&width=1&height=1&displayheight=0&type=rtmp&streamer=rtmp://80.86.106.136/live&file=stream&skin=http://www.kissfm.ro/live/player/kissfm_audio_popup.swf&link=http://www.kissfm.ro/&bufferlength=6" height="1" width="1"></div><script type="text/javascript">var s1 = new SWFObject("http://www.kissfm.ro/player/player.swf","live-flash-player","667","61","9","#000");s1.addParam("allowfullscreen","false");s1.addParam('allowscriptaccess','always');s1.addVariable("repeat","true");s1.addVariable("autostart","true");s1.addParam("wmode", "transparent");s1.addVariable("width","667");s1.addVariable("height","61");s1.addVariable("displayheight","0");s1.addVariable('type', 'rtmp');s1.addVariable('streamer', 'rtmp://80.86.106.136/live');s1.addVariable('file', 'stream');s1.addVariable('skin', 'http://www.kissfm.ro/live/player/kissfm_audio_popup.swf');s1.addVariable('link', 'http://www.kissfm.ro/');s1.addVariable('bufferlength', '6');s1.write("audio-player");</script></div>

PA => Afisaj => Generalitati => Mesaj pe pagina de start => Continutul mesajului

[Magic Viv]

Cod:

div#page-footer:after {
margin-left:400px;
content: "cod statistica"

Am vazut pe multi care vor sa puna link-ul de statistici WTA de exemplu in footer.O sa puteti face asta folosind codul de mai sus.Inlocuiti ,,cod statistica'' cu,codul corespunzator.Atentie ,codurile introduse sa fie jquery,deoarece css nu accepta html.

[Lycan]

Cu acest cod puneți opacity pe întregul forum .
Adăugați în CSS .

Cod:

.bodyline {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}


.bodyline:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}