Booxe - Eita OS

Hol dir deine eigene Booxe!
Vorschau:
#1 Überschrift

Menüpunkt #1
Menüpunkt #2
Menüpunkt #3
Button Text
Zusätzlicher Text
Link (z.B. Passwort vergessen)
Anleitung
Markiere und Kopiere den Code aus der Box
Füge den gesamten Code in den "Quellcode" Bereich einer HTML Box ein
Klicke auf "Speichern"
Öffne die Box erneut und bearbeite die Links wie du möchtest
Fertig.
<section class="box" style="margin-top: 10px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: url(http://www.jolicloud.com/images/design/box-ribbon.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; display: block; width: 450px; float: left; text-align: center; color: rgb(180, 181, 187); background-position: 50% 0%; background-repeat: no-repeat no-repeat; "></p> <div> <h2 style="margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 16px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 28px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: rgba(0, 0, 0, 0.746094) 0px -1px 1px; color: rgb(255, 255, 255); height: 32px; "></div> <div> #1 &Uuml;berschrift</h2></div> <div> <div class="content" style="margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 25px; padding-left: 10px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 70, 84); width: 350px; min-height: 370px; border-left-style: solid; border-left-color: rgb(32, 34, 43); border-right-style: solid; border-right-color: rgb(32, 34, 43); border-bottom-style: solid; border-bottom-color: rgb(32, 34, 43); border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 3px 3px; background-position: initial initial; background-repeat: initial initial; "></div> <div> <font class="Apple-style-span" color="#a5a8b3"><u><img alt="Computer with Windows and Jolicloud" src="http://static.yooco.de/s2/images/website/2386145/image/computer-jolicloud-only.png" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 180px; height: 141px; " /></u></font></div> <div> <ul style="margin-top: 0px; margin-right: 30px; margin-bottom: 0px; margin-left: 30px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-align: left; min-height: 110px; background-position: initial initial; background-repeat: initial initial; "></div> <div> <li style="margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: url(http://www.jolicloud.com/images/design/tick.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; line-height: 1.4em; list-style-type: none; background-position: 0px 4px; background-repeat: no-repeat no-repeat; "></div> <div> Men&uuml;punkt #1</li></div> <div> <li style="margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: url(http://www.jolicloud.com/images/design/tick.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; line-height: 1.4em; list-style-type: none; background-position: 0px 4px; background-repeat: no-repeat no-repeat; "></div> <div> Men&uuml;punkt #2</li></div> <div> <li style="margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 30px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 14px; vertical-align: baseline; background-image: url(http://www.jolicloud.com/images/design/tick.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; line-height: 1.4em; list-style-type: none; background-position: 0px 4px; background-repeat: no-repeat no-repeat; "></div> <div> Men&uuml;punkt #3</li></div> <div> </ul></div> <div> <p class="button-action" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; line-height: 1.4em; display: block; clear: both; text-align: left; background-position: initial initial; background-repeat: initial initial; "></div> <div> <a href="http://stheno-web.de/signup.html" style="margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 24px; vertical-align: baseline; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(250, 191, 35)), to(rgb(255, 111, 1))); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; outline-style: none; outline-width: initial; outline-color: initial; color: rgba(0, 0, 0, 0.597656); text-decoration: none; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; text-shadow: rgba(255, 255, 255, 0.398438) 0px 1px 1px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; width: 225px; height: 54px; line-height: 42px; -webkit-box-shadow: rgba(255, 255, 255, 0.496094) 0px 0px 1px inset, rgba(0, 0, 0, 0.296875) 0px 2px 1px; background-position: initial initial; background-repeat: initial initial; ">Button Text<br /></div> <div> <span style="margin-top: -8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 12px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-decoration: none !important; display: block; line-height: 12px; background-position: initial initial; background-repeat: initial initial; ">Zus&auml;tzlicher Text&nbsp;</span></a></p></div> <div> <p class="bittorent" style="margin-top: -10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; line-height: 1.4em; text-align: center; background-position: initial initial; background-repeat: initial initial; "></div> <div> <a href="http://stheno-web.de/signup.html" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 13px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; outline-style: none; outline-width: initial; outline-color: initial; color: rgb(165, 168, 179); text-decoration: underline; background-position: initial initial; background-repeat: initial initial; ">Link (z.B. Passwort vergessen)</a></p></div> <div> </div></div> <div> </section></p></div> <div>  </div>