Mai Ige Widget

Megjelenítő doboz a honlapon

A Mai Ige elmélkedés ízelítője a következőképpen fog megjelenni honlapján:

HDHost

Példa kódok / Plain HTML

Beágyazás megtekintse egy oldalon:
  ISO 8859-2...
  UTF-8...

Szükséges hozzá / jQuery

Ezt tegye be a weblap kódjába, ha nem használ rajta jQuery-t.
Fontos, hogy a "Mai Ige Widget" további kódja elé kerüljön. Ajánlott a HTML fejlécben elhelyezni.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

Beágyazás / Embed code

Ez jeleníti meg a tartalmat, tehát ezt oda kell elhelyezni, ahol viszont szeretné látni a Mai Ige ízelítőjét.
Minden jog fenntartva! A JavaScript és a HTML kód előzetes engedély nélkül nem módosítható.

<div id="maiige-hdhost-hu"> <div id="content"></div> <a id="author" href="http://www.hdhost.hu" target="_blank" title="webtárhely">HDHost</a> </div> <script type="text/javascript" src="http://www.hdhost.hu/app/maiige/js/maiige.js"></script>

Stílus példa / Style Sheets

Ez felel a megjelenítés mellett a színekért, formákért. Ezt helyezze el a weblap CSS kódjában (pl. styles.css), vagy tegye be a HTML kódba jelek közé. Ha szeretne más megjelenést, akkor írja át a CSS-t! A CSS szabadon módosítható.

#maiige-hdhost-hu #description { font-family: Aria; font-size: 13px; font-style: italic; } #maiige-hdhost-hu h3 { font-family: Aria; color: #4377E3; font-size: 16px; margin-top: 0px; font-style: normal; } #maiige-hdhost-hu h4 { font-family: Aria; color: #303030; font-size: 13px; margin-top: 0px; font-style: normal; } #maiige-hdhost-hu { /* altalanos */ font-family: Aria; /* betutipus */ width: 220px; /* fix szelesseg*/ margin: 0 auto; /* kozepre rendezes */ padding: 10px; /* belso terkoz */ padding-bottom: 14px; /* vilagos, vekony keret */ border: #FAF4D7 solid 1px; /* lekerekites */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* arnyek */ -webkit-box-shadow: #333 0px 1px 5px; -moz-box-shadow: #333 0px 1px 5px; box-shadow: #333 0px 1px 5px; /* szinatmenet */ background: #d8d8d8; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e7e7), to(#c8c8c8)); background: -webkit-linear-gradient(#e7e7e7, #c8c8c8); background: -moz-linear-gradient(#e7e7e7, #c8c8c8); background: -ms-linear-gradient(#e7e7e7, #c8c8c8); background: -o-linear-gradient(#e7e7e7, #c8c8c8); background: linear-gradient(#e7e7e7, #c8c8c8); -pie-background: linear-gradient(#e7e7e7, #c8c8c8); } #hdhost { text-align: right; }

Működés közben

www.mpebelvarosigyulekezet.hu
www.samsonpunkosdi.hu

---