Cikkajánló
Le szeretném szögezni, hogy nem azért gyűjtöm egy csokorba össze a G-Portálos CSS kódokat, hogy azután azok megjelenjenek más portálépítős oldalakon, mint például “hoztam egy új CSS kódot a
7. rész   Ebben a részben a column_side azaz a G-Portálon lévő szélső modullal ismerkedhettek meg. Lásd a cikk alatt a képen a szélső sötét színű modult. Ezt a
Mostanra már nagyon elterjedtek a mobilok és a tabletek, így nagyon sokan ilyen készülékeken böngésznek weboldalakat. Ezért gondoltam bemutatok egy teljesen egyszerű bővítményt, amivel körülbelül 3 kattintással mobilbarát verziót
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 3.

 

Doboz kódja

 

<div class="welcomebox">
<div class="welcome-box">
<h1>
Ariana Grande</h1>
<h2>
Született: 1993. 06. 26.</h2>
<h2>
Híres szerepe: Cat Valentine</h2>
<div class="tartalom">
<strong>Rövid ismertető:</strong> IDE JÖN A TARTALOM<br />
<img alt="" src="IDE JÖN A KÉP URL CÍME" style="width: 300px; height: 100px;" /></div>
</div>
</div>

 

CSS kód

 

<style type="text/css">
@import 'https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Glegoo:400,700&subset=latin-ext';
.welcomebox {
margin: 0 auto;
width: 330px;
}
.welcome-box {
margin: 0 5px;
}
.welcomebox h1 {
font-family: 'Great Vibes', cursive;
font-size: 36px;
color: #000000;
font-weight: normal !important;
font-style: normal;
text-align: center;
background: transparent;
margin-bottom: -10px;
}
.welcomebox h2 {
font-family: 'Glegoo', serif;
font-size: 11px;
color: #b2b2b2;
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: 'Glegoo', serif;
font-size: 11px;
color: #111111;
text-align: justify;
background: #f9f9f9;
border: 1px solid #ebebeb;
padding: 10px;
margin-top: -12px;
}</style>

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

Hozzászólások