Kód:
<style>
#sigcontainer {
height: 110px;
width: 258px;
padding-left: 0px;
}
#sigimage {
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1587038293_89.jpg);
width: 140px;
height: 80px;
float: left;
margin-top: 15px;
margin-right: 0px;
margin-left: 15px;
margin-bottom: 15px;
border: 2px solid #B2C27B;
background-size: contain;
}
#signavigation {
height: 80px;
padding-top: 14px;
padding-right: 15px;
padding-bottom: 15px;
float: none;
width: auto;
padding-left: 154px;
color: #fff;
}
a#signav:link, a#signav:visited {
display: block;
width: 80px;
height: 18px;
background-color: #B2C27B;
text-decoration: none;
margin-top: 3px;
margin-bottom: 3px;
font-family: arial;
text-transform: uppercase;
font-size: 9px;
color: white;
line-height: 18px;
margin-left: 0px;
transition-property: width;
transition-duration: 0.2s;
transition-timing-function: linear;
-webkit-transition-property: width;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;
-moz-transition-property: width;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: linear;
-o-transition-property: width;
-o-transition-duration: 0.2s;
-o-transition-timing-function: linear;
-ms-transition-property: width;
-ms-transition-duration: 0.2s;
-ms-transition-timing-function: linear;
color: #fff;
}
a#signav:hover {
width: 100px;
color: #fff;
text-decoration: none;}
.sigtext {
width: 125px;
height: 66px;
margin: 5px;
font-family: cambria;
font-size: 10px;
padding: 2px;
line-height: 13px;
background-color: rgba(255,255,255,0.00);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
opacity: 0.0;
}
.sigtext:hover {
background-color: rgba(255,255,255,0.70);
opacity: 0.9;
}
</style>
<center>
<div id="sigcontainer">
<div id="sigimage">
<div class="sigtext">
Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Design!
Virág
</div>
</div>
<div id="signavigation">
<a id="signav" href="//jegvirag.gportal.hu/">főoldal</a>
<a id="signav" href="//jegvirag.gportal.hu/gindex.php?pg=37103181">design</a>
<a id="signav" href="//jegvirag.gportal.hu/gindex.php?pg=36655379">html kódok </a>
<a id="signav" href="//jegvirag.gportal.hu/gindex.php?pg=6806320">html kód 2</a>
</div>
</div>
</center>
AJÁNLOM AZ OLDALT
Archívum