2015. július 19., vasárnap

Haladók számára

 Sziasztok, drágák! Sajnos az utóbbi napokban történt egy-két dolog velem, ami miatt nem tudtam lenni. A kritikákat is igyekszem megírni meg az oldalátalakításokat is minél hamarabb elkezdeni. Nem ígérek semmit, de ha kész leszek, majd feltétlen szólok mindenkinek! Ebben a kis bejegyzésben hoztam pár kódot, amivel beállíthattok egy-egy csíkot a blogotokra + egy kódot, amit kicsit átírtam LindaDesign oldaláról, az adta az ötletet. Remélem hasznos cikk lesz nektek és fel tudjátok majd használni!

FIGYELEM!!
Ez nem a cikkhez kapcsolódik, de szeretnénk Arikával felhívni a figyelmeteket, hogy ezentúl 1-1  (történetes) blogról vagy én fogok kritikát írni, vagy Arika!

Puszi mindenkinek,
Alice Levine

1. Kód
Ezt a rövidke kódot a Sablonszerkesztőben tudjátok használni, azon belül is a Speciális - Stíluslap (CSS) hozzáadásán belül. Ez a kis részlet lehetővé teszi, hogy az oldalatok jobb, illetve bal oldalán megjelenjen egy-egy vékonyka csík. Nyugodtan szerkesztgessétek, változtassátok meg a szélességet, színt! Ha vittétek, kérlek szóljatok és blogotokon írjátok ki, hogy a kód innen származik!

body {
border-left: 5px solid #000;
border-right: 5px solid #000; }

2. Kód
 Ez egy átírt szövegdoboz LindaDesign oldaláról. Ezt leginkább a haladók számára ajánlom, vagyis ha valamit át akartok írni, kicsit talán bonyolultabb lesz, hosszadalmas! Minden esetre megosztom ezt a kis szövegdobozt veletek! Mielőtt elvinnéd, kérlek jelezd valahogyan! 


Ide jön a szövegdobozod címe!

Ide jön a szöveged! Ide jön a szöveged! Ide jön a szöveged!Ide jön a szöveged! 
Ide jöhet az idézeted, vagy bármi, amit csak szeretnél!


Kód:

<div style="background: #000000; border-bottom: 6px solid #ADD0EA; margin-bottom: 2px; padding: 5px 5px; width: 360px;">
<br />
<center>
<div style="background-color: black; border-bottom: solid #ADD0EA 3px; border-top: solid #ADD0EA 0px; color: #92657c; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.1999998092651px; letter-spacing: 0px; line-height: 18.4799995422363px; padding: 5px; text-align: justify; text-transform: uppercase; width: 330px;">
<div style="text-align: center;">
Ide jön a szövegdobozod címe!</div>
</div>
</center>
<br />
<table align="center" border="0" cellpadding="10" cellspacing="2" style="height: 200px; width: 340px;">
 <tbody>
<tr>
   <td style="border-bottom: solid #ADD0EA 3px; border-top: solid #ADD0EA 3px; color: #745062; font-size: 10px; letter-spacing: 0px; line-height: 9.5px; text-align: justify; width: 130px;"><a href="http://36.media.tumblr.com/d0532c0f471142e8d27bc0b3b4eae5fb/tumblr_n92xh8KnlY1rvud0jo1_500.jpg" imageanchor="1" style="background-color: #22292e; letter-spacing: 0px; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://36.media.tumblr.com/d0532c0f471142e8d27bc0b3b4eae5fb/tumblr_n92xh8KnlY1rvud0jo1_500.jpg" height="200" width="131" /></a></td>
   <td style="background-color: #111417; border-bottom: solid #ADD0EA 3px; border-top: solid #ADD0EA 3px; color: #92657c; font-size: 10px; letter-spacing: 0px; line-height: 9.5px; text-align: justify; width: 240px;">Ide jön a szöveged! Ide jön a szöveged! Ide jön a szöveged!Ide jön a szöveged!&nbsp;</td>
  </tr>
</tbody>
</table>
<center>
<div style="background-color: #111417; border-left: solid #ADD0EA 0px; border-right: solid #ADD0EA 0px; color: #92657c; font-size: 10px; letter-spacing: 0px; line-height: 9.5px; padding: 5px; text-align: justify; width: 330px;">
Ide jöhet az idézeted, vagy bármi, amit csak szeretnél!</div>
</center>
<br /></div>

Nincsenek megjegyzések:

Megjegyzés küldése