Egy-egy szövegrész átalakítása
2015.04.21. 14:19, Enma22
Lásd a menümet
Ez a kód, amit leírok most, majd később több helyen is alkalmazható lesz, most csak a szöveghez írom le, amihez példát is találtok majd, az ugyanis nem a linkhez kötődik, hanem külön van átalakítva.
Ehhez a kódhoz a KÓDNÉZETET kell majd alkalmazni!
Először megírjátok a szöveget, amit szeretnétek, meg is lehet formázni, és egy elküld gomb után átválthattok kódnézetbe. Ha előtte váltatok át, akkor a szöveg törlődik. Vagy másik megoldás a Forráskód. Én azért nem szeretem, mert plusz sorokat szokott betenni az átváltásoknál.
Tehát forráskódba, vagy kódnézetbe kell megnyitni a szövegedet, ilyenkor egy ilyen látvány fogad ugye:
<p>
Ezen az oldalon próbálom összeszedni nektek az alap CSS beállításokat GPortal-ra, nem készítek semmilyen dizájnt, egyszerűen csak leírom, hogy ti magatok hogyan alakíthatjátok át a kódokat a saját szájízetek szerint.</p>
<p>
Így nem kell más oldalról dizájnt szerezni, esetleg rendelni, magatok is össze tudtok hozni egy egyszerű, ám mutatós oldalt. Később aztán lehet mindenféle menüvel, fejléccel, stb díszíteni valamilyen portálépítős oldal segítségével.</p>
A <p> a szövegedet jelöli, minden egyes <p> egy újabb bekezdés. lezárni tehát a </p>-vel lehet.
Külön stílust így adhatsz egy-egy bekezdésnek.
<p class="stílus"> Szöveged helye.</p>
<style>
.stílus {
kívánt kódok }
</style>
Ekkor alkalmazni fogja, amit ide beírtok, pl így:
<style>
.szöveg {
border: 2px dotted #CAB7DD;
padding: 2px;}
</style>
Példa:
Főoldal
Kódok
Színkód generátor
Színpaletta generátor
Hová helyezd
Google Fonts
Fontosabb kódrészek