SIMA VONAL:
<hr class="style-one">
<style>
/* Gradient color1 - color2 - color1 */
hr.style-one {
border: 0;
height: 1px;
background: #333;
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}
</style>
VONAL MINTÁK
<hr color="red" width="50%" size="10" align="center" />
<HR COLOR="yellow" WIDTH="100%">
<HR COLOR="purple" WIDTH="80%">
<HR COLOR="green" WIDTH="60%">
KETTŐ VONAL BENNE A SZÖVEG:
<hr class="style-four">
<style>
/* Text between <hr> tag */
hr.style-four {
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
}
hr.style-four:after {
content: "www.jegvirag.gportal.hu";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: white;
}
</style>
SZAGGATOTT VONAL ELÖL KÉP:
<div class="style-five"></div>
<hr class="style-five">
<style>
/* Image in left corner of <hr> tag */
div.style-five {
height: 75px;
background: #fff url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1488811286_53.gif) no-repeat scroll left;
background-size: 80px 75px;
margin-left: -40px;
}
hr.style-five
{
width: 95%;
margin-top: -40px;
border: 0;
border-bottom: 1px dashed black;
background: #70A8FF;
}
</style>
K
VONAL KÖZÉPEN KÉP:
<hr class="style-six">
<style>
/* Images between <hr> tag */
hr.style-six {
padding: 0;
border: none;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
color: #333;
text-align: center;
}
hr.style-six:after {
content:" ";
display: inline-block;
position: relative;
top: -2.1em;
font-size: 1.5em;
padding: 19px 1.75em;
background: #fff url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1488811286_53.gif) no-repeat scroll center;
background-size: 90px 90px;
height: 50px;
}
</style>
LEKEREKÍTETT VONAL:
<hr class="style-eight" />
<style>
/* Border Shadow in <hr> tag */
hr.style-eight {
height: 10px;
border: 1;
box-shadow: inset 0 9px 9px -3px rgba(11, 99, 184, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
</style>
SZINES VONAL:
<hr class="type_8">
<style>
/* Background Image */
hr.type_8 {
border: 0;
height: 55px;
background-image: url(https://www.formget.com/wp-content/uploads/2014/12/type_8.png);
background-repeat: no-repeat;
}
</style>
VONAL SZÖVEG AZ ELEJÉN:
<div class="yuh2" style="padding: 2px 10px; float: left; text-align: justify; font-stretch: normal; font-size: 9px; line-height: normal; font-family: courier; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; background-color: #F49697;">
JégVirág Design</div>
<div class="yuh3" style="padding: 20px 15px 15px; text-align: justify; font-stretch: normal; font-size: 10px; line-height: normal; font-family: courier; color: #000000; margin-top: 5px; border-top-width: 2px; border-top-style: solid; border-top-color: #F49697;"></div>
JégVirág Design
--------------------------------------------------------------------------------------------------
(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )
Készült:2017.03.06.Ellenőrízve:2023.01.11
Copyright © 2005-2023 Virág Design/ www.jegvirag.gportal.hu
AJÁNLOM AZ OLDALT
Archívum