Indiciu | Sfat, după poziționarea cursorului pe adresă - Scripturi și teme pentru ucoz
Ultimile postări Culorile HTML Căutare Fotoșop Membrii forumului
Pagina 1 din 11
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Coduri simple » Indiciu | Sfat, după poziționarea cursorului pe adresă
Indiciu | Sfat, după poziționarea cursorului pe adresă
AdminData: Luni, 2012-06-18, 11:14 AM | Mesaj # 1
Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi la urmă:

Code
/* Indiciu pentru adrese */
.title{
    position:relative;
    z-index:1;
    zoom:1;
    color:#06F;
}
.title em{display:none;}
.title:hover em{
    display:block;
    position:absolute;
    z-index:1;
    background-color:#000;
    -webkit-border-radius:5px; /* colțuri rotunde */
    -moz-border-radius:5px;
    border-radius:5px;
    line-height:normal;
    color:#FFF;
    text-decoration:none;
    padding:3px 5px;
    bottom:22px;
    right:0;
    -webkit-box-shadow:0 0 5px #000; /* umbra */
    -moz-box-shadow:0 0 5px #000;
    box-shadow:0 0 5px #000;
}
.title:hover em i{
    position:absolute;
    z-index:1;
    bottom:-7px;
    right:5px;
    border-top:7px solid #000;
    border-left:7px solid transparent;
    _border-left:7px solid #FDEFC6; /* culoarea fundalului p/u IE6*/
    display:block;
    height:0;
    overflow:hidden;
}


iar acesta e codul ce trebuie folosit pentru adrese:

Code
<span class="title">Ce se află între cer și pământ<em>Indiciu: e conjuncție<i></i></em></span>


Rezultatul:


Mesajul a fost editat de către Admin - Luni, 2012-06-18, 11:16 AM
 
OmulPaianjenData: Marţi, 2012-08-21, 5:45 PM | Mesaj # 2
Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugaţi stilurile:

Code
/* Sfaturi */  
a.tt {  
  position:relative;  
  z-index:24;  
  color:#004b9d;  
  font-weight:bold;  
  text-decoration:none;  
}  

a.tt span {  
  display: none;  
}  

a.tt:hover {  
  z-index:25;  
  color: #1e9d00;  
}  

a.tt:hover span.tooltip {  
  display:block;  
  position:absolute;  
  top:0px; left:0;  
  padding: 15px 0 0 0;  
  width:200px;  
  color: #777;  
  text-align: center;  
  filter: alpha(opacity:90);  
  KHTMLOpacity: 0.90;  
  MozOpacity: 0.90;  
  opacity: 0.90;  
}  

a.tt:hover span.top{  
  display: block;  
  padding: 30px 8px 0;  
  background: url('http://fierbinte.ucoz.ro/Forum/Simple/Sfatul_fundal.png') no-repeat top;  
}  

a.tt:hover span.middle{  
  display: block;  
  padding: 0 8px;  
  background: url('http://fierbinte.ucoz.ro/Forum/Simple/Sfatul_linie.png') repeat bottom;  
}  

a.tt:hover span.bottom{  
  display: block;  
  padding:3px 8px 10px;  
  color: #548912;  
  background: url('http://fierbinte.ucoz.ro/Forum/Simple/Sfatul_fundal.png') no-repeat bottom;  
}
/* ------------------------ */


unde aveți nevoie de acest script, editați și adăugați codul:

Code
<a href="ADRESA" class="tt">  
  Când motanul nu-i acasă  
  <span class="tooltip">  
  <span class="top"></span>  
  <span class="middle">  
  șoarecii...  
  </span>  
  <span class="bottom"></span>  
  </span>  
</a>


Rezultatul:
 
LiberData: Duminică, 2012-10-07, 6:30 PM | Mesaj # 3
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea superioară a site-ului] - adăugați codul:

Code
<script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Simple/3_Indiciu.js"></script>
<script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Simple/33_Indiciu.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://fierbinte.ucoz.ro/Forum/Simple/3_Indiciu.css" />


unde va fi textul cu indiciu:

Code
<span class="helpme" help="<p>La 170 de kilometri de Bucuresti, capitala Romaniei, se gaseste Municipiul Brasov, resedinta administrativa a judetului cu acelasi nume.</p>">Despre Brașov</span>


Rezultatul:
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Coduri simple » Indiciu | Sfat, după poziționarea cursorului pe adresă
Pagina 1 din 11
Căutare: