Cikkajánló
  Egy újabb hullámos tutorial készült el. Ezzel az eljárással már készítettünk egy hullámos leírást, de itt most az egyenletes hullám készítéséről lesz szó. A leírás a G-portálos aloldalon
Elérkeztünk a Honlapverseny első fordulójának a végéhez. Itt azokra a honlapokra lehetett szavazni, akik nem kerültek be az első 10 közé, ami már csak 9, mert azóta egy oldal
Végre rászántam magam és elhoztam azt a leírást, amivel a Sosugary Galériába feltöltött legfrissebb képeket meg lehet jeleníteni bármilyen weboldalon és nem csak a G-Portálon. Annyira egyszerű az egész,
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Ismertető doboz 2.

 

Doboz kódja

 

<div class="welcomebox">
<div class="welcome-box">
<h1>
troian bellisario</h1>
<h2>
Született: 1985. 10. 28.</h2>
<h2>
Híres szerepe: Spencer Hastings</h2>
<div class="tartalom">
<strong><img alt="" src="IDE JÖN A KÉP URL CÍME" style="width: 300px; height: 102px;" /><br />
Rövid ismertető:</strong> IDE JÖN A TARTALOM</div>
</div>
</div>

 

CSS kód

 

<style type="text/css">
@import 'https://fonts.googleapis.com/css?family=Slabo+27px&subset=latin-ext';
.welcomebox {
margin: 0 auto;
width: 330px;
}
.welcome-box {
margin: 0 5px;
}
.welcomebox h1 {
font-family: 'Slabo 27px', serif;
font-size: 16px;
color: #ffffff;
font-weight: normal !important;
font-style: normal;
text-align: center;
text-transform: uppercase;
background: #36b4cb;
padding: 6px;
}
.welcomebox h2 {
font-family: 'Slabo 27px', serif;
font-size: 13px;
color: #36b4cb;
font-weight: normal !important;
font-style: normal;
text-align: center;
background: transparent;
border-bottom: 1px solid #dfe9ea;
padding: 0 0 4px 0;
}
.welcomebox .tartalom {
font-family: 'Slabo 27px', serif;
font-size: 13px;
color: #111111;
text-align: justify;
background: #eff4f5;
padding: 10px;
margin-top: -11px;
}</style>

lindadesign Hozzászólások
719 megtekintés

Hozzászólások