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

[mosora2002]

Cod:



<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>





</style>

<p class="myparagraph">Bine ai venit pe forum !<p>
<script>
function checkform(form)
{
if (form.pass.value != "abc" )
{
alert('Parola care ati introduso este incorecta');
return false;
}
}

</script>

<form method="post" onsubmit="return checkform(this);" name="password" action="direct"><label><input value="Scrieti parola aici..." name="pass" onclick="if (this.value == 'Scrieti parola aici...') this.value = '';" onblur="if (this.value == '') this.value = 'Scrieti parola aici...';" type="text"></label> <input name="ok" value="Trimite" type="submit"></form><div id="fb-root"></div>

acest cod va poate ajuta sa puneti o parola inlocuiti abc cu parola si inlocuiti direct cu linkul de directionare
acest cod se pune in: PA<afisare<pagina de start<generalitati<continut mesaj

[Lycan]

Cod:

<script language=Javascript1.2> function ejs_nodroit() {return(false); } document.oncontextmenu = ejs_nodroit; </script>


Acest script vă permite să dezactivați click-ul dreapta fără alertă . Îl băgați în :
PA => Mod avansat => General => Configurare => Descriere

[Cata90]

Radio KissFM

Cod:

<script type="text/javascript" src="http://www.kissfm.ro/js/swfobject.js"></script><script type="text/javascript" src="http://www.kissfm.ro/js/kissfm_widget_embed_live_small.js"></script><script type="text/javascript">show_player();</script>

Radio ZU

Cod:

<script type="text/javascript">
var zu_autoplay=false;
</script>
<script type="text/javascript" src="http://live.radiozu.ro/embed.php"></script>

Radio 21

Cod:

<embed wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" name="shoutcast" quality="high" src="http://www.radio21.ro/site/flash/player-21-ds.swf" flashvars="bufferSeconds=5&autoStart=0&Server1=http://193.33.154.31:8000" width="90" height="93">

Le puneti in:
PA > Pagina de start > Generalitati > Mesaj pe pagina de start > Continutul mesajului

[Vizitato]

Am creat acum cateva saptamanii un meniu asemanator cu Sexy Drop Down Menu. Insa acest meniu nu are acel efect de drop down, este doar un meniu simplu.
Urmatorul cod poate fi folosit pentru versiunea phpbb3.

Cod:


/*INCEPUT MENU PHPBB3 BY JUSTIN GRAPHICS---------------------------------------*/
.headerbar {
background: url(http://i42.servimg.com/u/f42/15/42/26/78/body_b10.gif);
position: absolute;
top: 0px;
box-shadow: 0px 2px 8px #d7d7d7;
width: 70%;
left: -5px;
height: 155px;
}
ul.navlinks {border-bottom: 0px solid white;}

#wrap {margin-top: 143px;}

#page-header .navbar img{display: none;}

#page-header .navbar a{color: white;padding: 5px;position: relative; left: 20px;text-shadow: 1px 1px 1px #000000;}

#logo {position: relative;top: 23px;left: 23px;opacity:0.9;filter:alpha(opacity=90);}

#logo:hover {opacity:1.0;filter:alpha(opacity=100);}

#search-box {display: none;}

#page-header .navbar {
font: 10px normal Arial, Helvetica, sans-serif;
width: 60%;
left: -5px;
position: absolute;
top: 121px;
background: none;
}

/*SFARSIT MENU PHPBB3 BY JUSTIN GRAPHIDS---------------------------------------*/

Pentru a schimba aspectul meniului, trebuie schimbata o singura imagine.

[PsE]

Acest script mi s-a cerut si prin intermediul PM am decis sa-l postez(Script-ul etste in special pentru forumurile de Counter-Strike):
Script:

Cod:

<table class="sbfrmz" align="left" background="http://ultramania.ro/forum/images/back_server.png" width="590" height="20">

<tr>
<td valign="middle" width="16" height="16">
<img src="http://ultramania.ro/forum/images/cat1.png"/>
</td>
<td valign="middle">
<a href="Link-ul tau" target="_parent">Cereri DNS</a>
</td>
<td valign="middle" align="right" width="50" height="16">
<img src="http://ultramania.ro/forum/images/cat1.png"/>
</td>
<td valign="middle">
<a href="Link-ul tau" target="_parent">Recrutam Servere</a>
</td>
<td valign="middle" align="right" width="50" height="16">
<img src="http://ultramania.ro/forum/images/cat1.png"/>
</td>
<td valign="middle">
<a href="Link-ul tau" target="_parent">Cumpara Admine</a>
</td>
<td valign="middle" align="right" width="50" height="16">
<img src="http://ultramania.ro/forum/images/cat1.png"/>
</td>
<td valign="middle">
<a href="Link-ul tau" target="_parent">Suport Server</a>
</td>
</tr>

</table>
<br/>
<br/>
<p class="forumdesc"/>
<table class="server" border="0" cellspacing="0" cellpadding="1" width="590">

<tr>
<td width="10">
<a href="http://awp-cs.forumest.ro/" target="_self">
<img src="http://ultramania.ro/forum/images/csbw.png" width="13"/>
</a>
</td>
<td width="200">
<a href="Link-ul tau" target="_self">Nume Server</a>
</td>
<td width="200">
<font face="Verdana" size="1" color="#275575">IP Server</font>
</td>
<td> </td>
<td width="16">
<img src="http://forum.ultramania.ro/images/32.png" border="0"/>
</td>
<td> </td>
<td width="16">
<a href="steam: "-applaunch 10 +connect IP Server"" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('JOIN1','','http://lunetistii.ro/forum/images/join1.png',1)" target="_parent">
<img name="JOIN1" border="0" src="http://forum.ultramania.ro/images/join1.png" alt="Join Server Using Steam"/>
</a>
</td>
<td> </td>
<td width="16">
<a href="Link-ul Tau" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('REDIRECTS1','','http://forum.ultramania.ro/images/red1.png',1)" target="_blank">
<img name="REDIRECTS1" border="0" src="http://forum.ultramania.ro/images/red1.png" alt="Evidenta Redirecte"/>
</a>
</td>
<td> </td>
<td width="16">
<a href="Link GameTraker Server" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GMTR2','','http://forum.ultramania.ro/images/gmtr1.png',1)" target="_blank">
<img name="GMTR2" border="0" src="http://forum.ultramania.ro/images/gmtr1.png" alt="Gametracker"/>
</a>
</td>

<table class="sbfrmz" align="left" background="http://ultramania.ro/forum/images/back_server.png" width="590">

<tr>
<td align="center" valign="middle">
<font face="Verdana" size="1" color="#2b6194">
<u>Legenda:</u>
</font>
<font face="Verdana" size="1" color="#C0C0C0">
<b>
<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;">
<img src="http://forum.ultramania.ro/images/join1.png" border="0" width="11"/>
 Join Steam
</span>
<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">
<img src="http://forum.ultramania.ro/images/red1.png" border="0" width="11"/>
 Redirecte
</span>
<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;">
<img src="http://forum.ultramania.ro/images/gmtr1.png" border="0" width="11"/>
 Gametracker
</span>
<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;">
<img src="http://ultramania.ro/forum/images/csbw.png" border="0" width="10"/>
 CLASIC
</span>
<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;">
<img src="http://ultramania.ro/forum/images/csblue.png" border="0" width="10"/>
 RESPAWN
<br/>
</span>
<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;">
<img src="http://ultramania.ro/forum/images/csa.png" border="0" width="10"/>
 ZOMBIE
</span>
<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;">
<img src="http://ultramania.ro/forum/images/css.png" border="0" width="10"/>
 SURF
</span>
<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;"> </span>
<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">
<img src="http://ultramania.ro/forum/images/csh.png" border="0" width="10"/>
 DEATHRUN
</span>
<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;">
<img src="http://ultramania.ro/forum/images/cszm.png" border="0" width="10"/>
 PREDATOR
</span>
<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;">
<img src="http://ultramania.ro/forum/images/csrs.png" border="0" width="10"/>
 HNS
</span>
<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;">
<img src="http://ultramania.ro/forum/images/css.png" border="0" width="10"/>
 GG
</span>
<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;">
<img src="http://ultramania.ro/forum/images/war3ft.png" border="0" width="10"/>
 WAR
</span>
</b>
</font>
</td>
</tr>

</table>
<p/>
<p/>
<p/>
</td>

Previzualizare:

[NoMusic]

Facebook slider button

Dupa cum poate stiti acest buton de like are efectul drag and dropp de la dreapta la stanga
Mergeti in PA=>Afisare=>Template-uri=>General=>Index_Body si copiati deasupra tuturor codurilor din index body acest script
Scriptul intreg este

Cod:

<script type="text/javascript">
 
 $(function(){
 
 $("#wysuwane").css("left","-210px");
 
$("#wysuwane").hover(
 function () {
 $("#wysuwane").animate({left: "0px"}, 250);
 $(this).addClass("zamknij");
 },
 function () {
 $("#wysuwane").animate({left: "-210px"}, 250 );
 $(this).removeClass("zamknij");
 }
);
});
 </script>
<style type="text/css">
#wysuwane
{
 
 background: url("http://burned.pl/wp-content/uploads/2011/02/fbpodklad.png") no-repeat scroll 0 0 transparent;
 
 padding: 10px;
 width: 235px;
 height:402px;
 
 position: fixed;
 margin-top: -200px;
 left: 0px;
 top: 62%;
 
}
.zamknij
{
 background-position: 0px 0px -242px 0px;
}
</style>
<a href="http://ace-romania.hitforum.ro/" target="_blank" style="position: fixed; bottom: 0; right: 0;"><font color="white"><B>Iati Propriul Slide</b></font></a>
<div id="wysuwane">
<div id="wewnatrz" style="float:left;width:150px; display:block; margin-left:0px;">
 <div id="fb-root"></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAce-Romania%2F336799239698679&amp;width=185&amp;height=370&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:185px; height:370px;" allowTransparency="true"></iframe>
</div>

</div>

acum ce aveti de modificat ca sa mearga pentru pagina dumneavoastra de Facebook urmati instructiunile din urmatoarele imagini


<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAce-Romania%2F336799239698679&amp;width=185&amp;height=370&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:185px; height:370px;" allowTransparency="true"></iframe>

Inlocuiti scrisul cu rosu cu numele din linkul dumneavoastra de la pagina de facebook (Atentie acest cod functioneaza doar daca aveti o pagina de tip business nu merge pe pagini de profil)
Inlocuiti scrisul cu albastru cu codul unic care il gasiti la sfarsitul linkului la fel ca si in imagine

-Toate drepturile pentru acest script revin echipei Ace-Romania

[Ade'S]

Foarte bune acceste scripturi pravo

În această secţiune se postează scripturi nu se comentează despre ele.

---

Acest cod este funcţional doar pe phpbb3!

Pentru început intrăm în PA - Afişare - Imagini şi culori - Culori - Foaie de stil CSS - Adăugaţi:

Cod:

.topiclist.forums dd.lastpost {
background-color: #DCEAF5;
border-radius: 5px;
margin: 6px 13px;
}
2-ltr.css:1
ul.forums dd {
border-bottom-color: #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right-color: #FFFFFF;
border-top-color: #FFFFFF;
}
2-ltr.css:1
ul.topiclist dd {
border-left: 1px solid #FFFFFF;
display: block;
float: left;
padding: 4px 0px;
}
2-ltr.css:1
dd.lastpost {
font-size: 1.1em;
width: 20%;
}

Demo:

[AleX@nDrU]

Buna seara ForumGratuit.
Am vazut ca multa lume cauta scripturi de radio cu autoplay.In seara asta va voi arata un script de radio care eu il ascult mereu .
Ne ducem in PA-AFISARE-TEMPLATE-uri-GENERAL in overall_footer_end iar INAINTE de

Cod:

</body>
</html>

Adaugam codul urmator:

Cod:

<p align="center"><embed src="http://www.museter.com/ffmp3-config.swf" mce_src="http://www.museter.com/ffmp3-config.swf" flashvars="url=http://wadio.ro:8032/;&lt;=sp&amp;codec=mp3&amp;volume=100&amp;autoplay=true&amp;traking=true&amp;jsevents=false&amp;buffering=5&amp;skin=http://www.museter.com/skins/eastanbul/ffmp3-eastanbul.xml&amp;title=Radio%2018&amp;welcome=18" scale="noscale" wmode="window" bgcolor="#FFFFFF" allowscriptaccess="always" type="application/x-shockwave-flash" height="25" width="470"></embed>

Salvam si publicam template-ul si astfel ne vom bucura de radio cu auto play in TOATE PAGINILE forumului.
Sper sa nu ma aleg cu warn,injuraturi,etc ca am facut acest topic.Am vazut ca multa lume cauta un script de radio cu auto-play, care sa se auda in toate paginile forumului.

Sper ca v'am fost de ajutor.

[Vizitato]

Subiecte unite

[Mr.BaBal]

Facebook, youtube pe forum uitati cum faceti:
Inlocuiti 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>
    <table>
      <tr>
          <td>
            <div>
                <div>
                  <div>
    <!-- END html_validation -->
                  </div>
                </div>
                <!-- BEGIN switch_footer_links -->
                <div align="center">
                  <div class="gen">
                      <!-- BEGIN footer_link -->
                        <!-- BEGIN switch_separator --> | <!-- END switch_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 -->
                  </div>
                </div>
                <!-- END switch_footer_links -->
            </div>
            {PROTECT_FOOTER}
          </td>
      </tr>
    </table>

    <!-- 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>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
                <title>Social Media Buttons</title>
                <script src="dkthemes.forumotions.in/38797.js" type="text/javascript"></script>
                <script type="text/javascript">
                $(document).ready(function(){
                $(".takip").mouseover(function(){
                      $(this).filter(':not(:animated)').animate({width:135},{duration:500});
                });
                $(".takip").mouseout(function(){
                    $(this).animate({width:42});
                });
                });
                </script>
       
       
                <div id="takip">
                    <div class="facebook takip" onclick="location.href='http://www.facebook.com/llgcstrike?ref=hl/'">
                    </div>
                    <div class="twitter takip" onclick="location.href='http://www.twitter.com/'">
                    </div>
                    <div class="Google takip" onclick="location.href='https://www.google.ro//'">
                    </div>
                    <div class="Youtube takip" onclick="location.href='http://www.youtube.com//'">
                    </div>
                    <div class="rss takip" onclick="location.href='http://www.vimeo.com/'">
             


CSS:

Cod:

#takip {
                position: fixed;
                right: 0;
                top: 220px;
                z-index: 999;
            }
            .takip {
            background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png');
            background-repeat: no-repeat;
            height: 42px;
            width: 42px;
            top: 100px;
            margin-left: auto;
            opacity:0.3;
            filter:alpha(opacity=50); /* For IE8 and earlier */
            }
            .takip:hover {
            background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png');
            cursor: pointer;
            opacity:1;
            filter:alpha(opacity=100); /* For IE8 and earlier */
            }
     
            .facebook {
                background-position: 0px 0px;
            }
            .twitter {
                background-position: 0px -42px;
            }
            .Google {
                background-position: 0px -84px;
            }
            .Youtube {
                background-position: 0px -126px;
            }
            .rss {
                background-position: 0px -168px;
            }

Edit: Cum sa pui photoshop pe forum:
Puneti intr-o pagina HTML acest cod:

Cod:

<FRAMESET rows="*,100%" FRAMESPACING="0" FRAMEBORDER=0 BORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0>
<FRAME SRC="" NAME="blank" SCROLLING="NO" NORESIZE>
<FRAME SRC="http://pixlr.com/editor/" NAME="bottom" SCROLLING="AUTO" NORESIZE>
</FRAMESET>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Online image editor pixlr free - fix photos direct in your browser</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="Description" content="Pixlr is a free online photo editor. Fix, adjust and filter your images. Manage your images in your browser, no registration jump right in!">
  <meta name="Keywords" content="photo, photograph, picture, free, opacity, alpha, edit, editing, adjustments, online, flickr, facebook, photobucket, camera, digital, image, red-eye, fix, photoshop, gimp, photoshop">

  <link rel="SHORTCUT ICON" href="/favicon.ico">

  <script language="javascript">AC_FL_RunContent = 0;</script>

  <script src="/_script/AC_RunActiveContent.js" language="javascript"></script>
  <style type="text/css" media="screen">
  html, form, body
  {
      margin:0px;
      padding:0px;
      overflow:hidden;
      width:100%; height:100%;
  }
</style>

</head>
<body bgcolor="#606060">
  <script language="javascript">
      if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
      } else {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
            'width', '100%',
            'height', '100%',
            'src', '/editor/Editor.swf',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'Editor',
            'bgcolor', '#606060',
            'name', 'Editor',
            'menu', 'false',
            'allowFullScreen', 'true',
            'allowscriptAccess','sameDomain',
            'movie', '/editor/Editor',
            'salign', ''
            ); //end AC code
      }
  </script>

  <noscript>
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="pixlr" align="middle"><param name="allowscriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="movie" value="/_flash/pixlr.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#999999" /><embed src="/_flash/pixlr.swf" menu="false" quality="high" bgcolor="#999999" width="100%" height="100%" name="Framework" align="middle" allowscriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
      </object>
  </noscript>
  <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  </script>

  <script type="text/javascript">
      var pageTracker = _gat._getTracker("UA-1830856-4");
      pageTracker._initData();
      pageTracker._trackPageview();
  </script>
</body>
</html>

[mr.franta]

Va prezint doua meniuri simple
http://frannnta-design.online-talk.net/h56-meniusimplu2
http://frannnta-design.online-talk.net/h55-meniu-simplu

Codurile css/html
Meniu simplu

Cod:

<center>
   <div class="meniu_nou" align="center">
      <li>
         <a href="#"> link 1</a>
      </li>
      <li>
         <a href="#"> link 2</a>
      </li>
      <li>
         <a href="#"> link 3</a>
      </li>
      <li>
         <a href="#"> link 4</a>
      </li>
      <li>
         <a href="#"> link 5</a>
      </li>
   </div>
   
</center>
 <style>


.meniu_nou{
width: 90%;
background: #222 url(http://i74.servimg.com/u/f74/14/12/03/12/fundal14.png);
border: 1px solid #222;
border-radius: 3px;
webkit-border-radius: 3px;
moz-box-radius: 3px;
height: 37px;
position: relative;
top: xpx;
bottom: xpx;
}


.meniu_nou li{
float: left;
list-style: none!important;
display: inline;
padding: 10px;
width: 65px;}


.meniu_nou li:hover{
background: white;}



.meniu_nou a{
padding: 12px;
color: white;
font-family: tahoma,arial;
font-size: 14px;
font-weight: 600;
text-decoration: none!important;
text-shadow: 0px 1px 2px black;}


.meniu_nou a:hover{
color: black;
text-shadow: none!important;}

</style>

Meniu simplu 2

Cod:

<center>
   <div class="meniu_nou" align="center">
      <li>
         <a href="#"> link 1</a>
      </li>
      <li>
         <a href="#"> link 2</a>
      </li>
      <li>
         <a href="#"> link 3</a>
      </li>
      <li>
         <a href="#"> link 4</a>
      </li>
      <li>
         <a href="#"> link 5</a>
      </li>
   </div>
   
</center>
 <style>


.meniu_nou{
width: 90%;
background: #222 url(http://i36.servimg.com/u/f36/14/12/03/12/meniu211.png);
border: 1px solid #222;
border-radius: 3px;
webkit-border-radius: 3px;
moz-box-radius: 3px;
height: 37px;
position: relative;
top: xpx;
bottom: xpx;
}


.meniu_nou li{
margin-left: 15px;
background: url(http://i36.servimg.com/u/f36/14/12/03/12/normal12.png) no-repeat center;

float: left;
list-style: none!important;
display: inline;
padding: 10px;
width: 65px;}


.meniu_nou li:hover{
tranzition: 0.5s;
background: url(http://i36.servimg.com/u/f36/14/12/03/12/hover210.png) no-repeat center;}



.meniu_nou a{
padding: 12px;
color:#888;
font-family: tahoma,arial;
font-size: 14px;
font-weight: 600;
text-decoration: none!important;
text-shadow: 0px 1px 2px black;}


.meniu_nou a:hover{
color: white;
text-shadow: none!important;}

</style>

[mr.franta]

Ma scuzati pentru dublu topic dar nu stiu sigur daca incapeau codurile intr-un singur topic.
Va mai prezint un tabel punctat.
http://frannnta-design.online-talk.net/h52-caseta-dashed

Cod:

<div class="dashed">
mesajul tau aici</div>


<style>
.dashed {
  padding: 20px;
  margin: 10px;
  background: #ff0030;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.3em;
  border: 2px dashed #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
  text-shadow: -1px -1px #aa3030;
  font-weight: normal;
}
</style>

Un meniu socializare

http://frannnta-design.online-talk.net/h51-socializare

Cod:

<ul id="social_side">
<li><a href="#" title="Like Us"><img src="http://cdn5.iconfinder.com/data/icons/Mighty_Social_Icons/32/facebook_32.png"></a></li>
<li><a href="#" title="Follow Us"><img src="http://cdn3.iconfinder.com/data/icons/socialmediabookmark/32/twitter.png"></a></li>
<li><a href="#" title="Subscribe"><img src="http://cdn1.iconfinder.com/data/icons/socialmediabookmark/32/youtube.png"></a></li>
<li><a href="#" title="Rules"><img src="http://cdn5.iconfinder.com/data/icons/Absolute%2032-PNG/32/Warning.png"></a></li>
<li><a href="#" title="Help"><img src="http://cdn1.iconfinder.com/data/icons/Aristocracy_WebDesignTuts/32/Lifebuoy.png"></a></li>
</ul>



<style>
#social_side{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:40px;
padding:8px 5px;
border:2px solid #fff;
border-right:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background: #fff;
}
#social_side li{
margin:9px 0 0 0;
line-height:0;
}
#social_side li:first-child{
margin-top:0;
}</style>

Un meniu colorat(rainbow)

http://frannnta-design.online-talk.net/h53-rainbowmenu

Cod:

<br />
<div class="menu">
   
   <ul>
      <li>
         <a href="#" class="verde">verde</a>
      </li>
      <li>
         <a href="#" class="rosu">rosu</a>
      </li>
      <li>
         <a href="#" class="roz">roz</a>
      </li>
      <li>
         <a href="#" class="alb">alb</a>
      </li>
      <li>
         <a href="#" class="portocaliu">portocaliu</a>
      </li>
      <li>
         <a href="#" class="mov">mov</a>
      </li>
   </ul>
</div>
 <br /> <br />
<div class="menu2">
   
   <ul>
      <li>
         <a href="#" class="verde2">verde</a>
      </li>
      <li>
         <a href="#" class="rosu2">rosu</a>
      </li>
      <li>
         <a href="#" class="roz2">roz</a>
      </li>
      <li>
         <a href="#" class="alb2">alb</a>
      </li>
      <li>
         <a href="#" class="portocaliu2">portocaliu</a>
      </li>
      <li>
         <a href="#" class="mov2">mov</a>
      </li>
   </ul>
</div>
 <style>
div.menu ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

div.menu2 ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background: rgb(233,233,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,233,206,1) 0%, rgba(252,255,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,206,1)), color-stop(100%,rgba(252,255,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9ce', endColorstr='#fcfff4',GradientType=0 ); /* IE6-9 */

border: 3px solid #f4f4f4;
border-radius: 5px;
width: 550px;
box-shadow: 0px 0px 2px #bbb;
}

div.menu li
{
float:left;
margin-left: 5px;
padding: 2px;
}

div.menu2 li
{
float:left;
margin-left: 5px;
padding: 2px;
}

div.menu a
{
padding-top: 4px;
border: 1px solid #c9c9c9;
display:block;
width:80px;
background-color:#dddddd;
  color: #EDEDED;
  text-decoration: none!important;
  text-align: center;
  text-transform: italic;
  font-weight: 600;
  font-size: 12px;
  font-family: tahoma;
min-height: 22px;
  box-shadow: 0px 0px 2px white inset;

  text-shadow: 0px 0px 2px black;
}


div.menu2 a
{
padding-top: 4px;
border: 1px solid #c9c9c9;
display:block;
width:80px;
background-color:#dddddd;
  color: #EDEDED;
  text-decoration: none!important;
  text-align: center;
  text-transform: italic;
  font-weight: 600;
  font-size: 12px;
  font-family: tahoma;
min-height: 22px;
  box-shadow: 0px 0px 2px white inset;
border-radius: 5px;
  text-shadow: 0px 0px 2px white;
}


div.menu a:link{
background: gray}

div.menu2 a:link{
background: gray}

div.menu a.verde{
  background: rgb(143,200,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */;

  }
 
  div.menu a.rosu{
  background: rgb(255,26,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,26,0,1) 0%, rgba(255,26,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(255,26,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 ); /* IE6-9 */
}
 
    div.menu a.alb{
background: rgb(254,255,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
 color: #222;
  text-shadow: 0px 1px 2px white;}
 
 
      div.menu a.roz{background: rgb(255,0,132); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,132,1)), color-stop(100%,rgba(255,0,132,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}
 
 
  div.menu a.portocaliu{
  background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
 
 
  div.menu a.mov{
background: rgb(229,112,231); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}
 
 
 
  div.menu a.alb:hover{
  background: rgb(233,233,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,233,206,1) 0%, rgba(252,255,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,206,1)), color-stop(100%,rgba(252,255,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(233,233,206,1) 0%,rgba(252,255,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9ce', endColorstr='#fcfff4',GradientType=0 ); /* IE6-9 */

  }
    div.menu a.verde:hover{background: rgb(182,224,38); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(182,224,38,1) 0%, rgba(118,221,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(182,224,38,1)), color-stop(100%,rgba(118,221,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(182,224,38,1) 0%,rgba(118,221,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(182,224,38,1) 0%,rgba(118,221,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(182,224,38,1) 0%,rgba(118,221,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(182,224,38,1) 0%,rgba(118,221,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6e026', endColorstr='#76dd00',GradientType=0 ); /* IE6-9 */

  }
    div.menu a.rosu:hover{
  background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

  }
    div.menu a.portocaliu:hover{
  background: rgb(255,103,15); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,103,15,1) 0%, rgba(255,93,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,103,15,1)), color-stop(100%,rgba(255,93,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,93,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,93,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,93,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,103,15,1) 0%,rgba(255,93,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff5d00',GradientType=0 ); /* IE6-9 */

  }
    div.menu a.roz:hover{
background: rgb(251,131,250); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(251,131,250,1) 0%, rgba(231,126,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,131,250,1)), color-stop(100%,rgba(231,126,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(251,131,250,1) 0%,rgba(231,126,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(251,131,250,1) 0%,rgba(231,126,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(251,131,250,1) 0%,rgba(231,126,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(251,131,250,1) 0%,rgba(231,126,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb83fa', endColorstr='#e77eea',GradientType=0 ); /* IE6-9 */
  }
 
 
  div.menu a.mov:hover{
  background: rgb(169,87,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(169,87,214,1) 0%, rgba(142,41,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,87,214,1)), color-stop(100%,rgba(142,41,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,87,214,1) 0%,rgba(142,41,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,87,214,1) 0%,rgba(142,41,196,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,87,214,1) 0%,rgba(142,41,196,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,87,214,1) 0%,rgba(142,41,196,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a957d6', endColorstr='#8e29c4',GradientType=0 ); /* IE6-9 */

  }
 
 
  div.menu2 a.roz2,div.menu2 a.alb2,div.menu2 a.rosu2,div.menu2 a.verde2,div.menu2 a.mov2,div.menu2 a.portocaliu2{
  background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
padding-top: 4px;}
 
 
  div.menu2 a.verde2:hover{
  background: rgb(143,200,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ); /* IE6-9 */;
color: black;
border: 1px solid green;
  }
 
  div.menu2 a.rosu2:hover{
  background: rgb(255,26,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,26,0,1) 0%, rgba(255,26,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(255,26,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,26,0,1) 0%,rgba(255,26,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00',GradientType=0 ); /* IE6-9 */
}
 
    div.menu2 a.alb2:hover{
background: rgb(254,255,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */
 color: #222;
  text-shadow: 0px 1px 2px white;}
 
 
      div.menu2 a.roz2:hover{background: rgb(255,0,132); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,132,1)), color-stop(100%,rgba(255,0,132,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,0,132,1) 0%,rgba(255,0,132,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084',GradientType=0 ); /* IE6-9 */
}
 
 
  div.menu2 a.portocaliu2:hover{
  background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
 
 
  div.menu2 a.mov2:hover{
background: rgb(229,112,231); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,112,231,1)), color-stop(47%,rgba(200,94,199,1)), color-stop(100%,rgba(168,73,163,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,112,231,1) 0%,rgba(200,94,199,1) 47%,rgba(168,73,163,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}
 
  div.menu2 a.verde2{
  color: green;}
 
 
    div.menu2 a.rosu2{
  color: #C91013;}
 
      div.menu2 a.portocaliu2{
  color: #FF8800;}
 
      div.menu2 a.roz2{
  color: #FF00F6;}
 
      div.menu2 a.mov2{
  color: #9B00D3;}
 
  ----------------------
  div.menu2 a.verde2:hover{
  color: black!important;
border: 1px solid green;}
 
 
    div.menu2 a.rosu2:hover{
 color: #111;
border: 1px solid darkred;}
 
      div.menu2 a.portocaliu2:hover{
 color: #111;
border: 1px solid #8F4304}
 
      div.menu2 a.roz2:hover{
 color: #111;
border: 1px solid #AA3F96;}
 
      div.menu2 a.mov2:hover{
 color: #111;
border: 1px solid #5A2F65;}


div.menu2 a.alb2{
color: black;}
 
</style>

Sper sa va placa