Pola w profilu - trójpak #1

Na życzenie - pola w profilu... W sumie czymś wielkim popisać się tutaj nie da bo można uznać że wszystko już zostało w tej kwestii powiedziane czy zrobione, ale może coś tam świeżego będzie. Fajnie się to robi, może będą częściej :)

Najważniejsza sprawa - marginy. Próbowałam na 2 forach i na obu wychodziło inaczej, więc po prostu każdy musi to sobie indywidualnie ustawić żeby pasowało.


POLE 1:

Kod do wklejenia do stylu:
<link href='http://fonts.googleapis.com/css?family=Englebert' rel='stylesheet' type='text/css'><style> .prof1{width:180px; height:20px; font-family: 'Englebert', sans-serif; text-align:center; text-transform:lowercase; background-color:#CFDD9C; border-right:4px solid #89B7A3; border-left:4px solid #89B7A3; margin-top:1px; color:#967A8B; font-size:16px; letter-spacing:1px;}</style>

W prefixie:
<div class="prof1"><a href="

W suffixie:
TEXT</a></div>

Dla nie-linków zostają tylko DIVy.

POLE 2:

Kod do wklejenia do stylu:
<link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC:400,700' rel='stylesheet' type='text/css'><style>.prof2{width:180px; height:20px; font-family: 'Playfair Display SC', serif; text-align:center; text-transform:uppercase; background-color:#7D184C; border:4px double #C582A4; border-radius:20px; margin-top:-15px; color:#FFE0F1; font-size:14px; box-shadow: inset 0px 0px 10px #600635; }</style>

Jak wyżej tylko klasa ma nazwę "prof2"

POLE 3:

Kod do wklejenia do stylu:
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300' rel='stylesheet' type='text/css'><style>.prof3{width:180px; height:20px; font-family: 'Raleway', sans-serif; text-align:center; color:#FCDF61; font-size:15px; border-top:1px dashed #FCDF61; border-radius:20px; border-bottom:1px dashed #FCDF61; border-left:3px solid #FCDF61; border-right:3px solid #FCDF61; margin-top:1px; background: #71c2c6; background: -moz-linear-gradient(left, #71c2c6 0%, #7ecaa6 50%, #bddd9c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#71c2c6), color-stop(50%,#7ecaa6), color-stop(100%,#bddd9c)); background: -webkit-linear-gradient(left, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); background: -o-linear-gradient(left, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); background: -ms-linear-gradient(left, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); background: linear-gradient(to right, #71c2c6 0%,#7ecaa6 50%,#bddd9c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71c2c6', endColorstr='#bddd9c',GradientType=1 ); </style>

Jak wyżej, klasa nazywa się "prof3"