1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Check out this week's build competition!
    Dismiss Notice

Custom Markup & Styles

Mar 18, 2016
Custom Markup & Styles
  • Hi! This is just a wiki for us staff to use to help us create threads and wiki pages!

    StyleBox (top)

    A StyleBox is a set of rows which allows you to float content left and right. Great for galleries and content that has pictures. Here's an example:


    This is a right column box.
    This is the left column.
    This is the left column.
    This is the right column.
    This is the right column. Left has a video!


    <div class="stylebox extra"> <section class="boxgroup"> <div class="colbox"><img src="http://IMGURLHERE.png" class="colboximg"> </div> <div class="colboxt">This is a right column box.</div> </section> <section class="boxgroup"> <div class="colboxx">This is the left column.</diV> <div class="colbox"><img src="http://IMGURLHERE.png" class="colboximg-full"> </div> </section> <section class="boxgroup"> <div class="colbox left">This is the left column.</div> <div class="colbox right">This is the right column.</div> </section> </div>


    • The "extra" class on the "stylebox" element" gives the odd set of rows a background color.
    • "boxgroup" class is required for each row.
    • The image requires "colboximg" class, if the image is too big, add "-full" to the class. "colboximg-full".
    • For video, which is only tested with an YouTube embed, just paste the embed and modify the "width" value to "100%".
    • Make sure the content is switched to HTML.
  • Loading...
  • Loading...
Xomee likes this.
  • About CraftBlock!

    CraftBlock is a Minecraft community and server network, with unique and fun servers with a collection of the best plugins available. The CraftBlock network offers Survival, Vanilla and PvP servers, along with an amazing community and highly active and friendly staff members. Here you not only have fun, you get the best friends imaginable!
    play.craftblock.me to play!
  • Have more fun!

  • Support us!

    Thank you to everyone who has supported CraftBlock!