Cikkajánló
Hoztam egy újabb jópofa CSS kódot, amit G-Portálon, WordPress-ben vagy bárhol máshol is lehet alkalmazni :) Akár szélső sávban, akár a főmodulban is. Én most a példa kódot egy
Sokszor feltűnik, hogy használtok egyedi betűtípust a Google Fonts-ról. Ami egy nagyon jó szokás igazából és mindenkinek ezt is ajánlom használatra, mert kevesebb macera és biztos, hogy mindenhol a
Megszületett a honlapverseny eredményhirdetése. Az első 3 helyezett sok-sok nyereménnyel lett gazdagabb. Részletes végeredmény nincsen. Akik nem kerültek be az első 3-ba, azok holtversenyben mind a 4. helyen végeztek
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
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
857 megtekintés

Hozzászólások