EzPortal - Portal Software for Forums

EzPortal Forums => How To Section => SMF Tips of usage => Topic started by: Maxx on June 22, 2014, 05:40:41 pm

Title: HTML EZblock Layout with style
Post by: Maxx on June 22, 2014, 05:40:41 pm
Simple layout with unordered list:

Use in a Block: code>
Code: [Select]
<head>
<style type="text/css">
.style1 {
   text-align: left;
   background:#FFF3DC;
   border:2px #cdcdcd solid;
   padding:5px;
        border-radius: 4px;
}
</style>
</head>

<body style="background-color: #E3ECD6">

<div class="style1">
<br />
   <strong>Sample HTML Block Usage - You May Custom Code it, as needed!</strong>
<ul>
   <li>
      <a href="http://www.ezportal.com/announcements/">Announcements</a><br /><br /></li>

   <li>
      <a href="http://www.ezportal.com/community-rules/">Community Guidelines

      &amp; Rules</a><br /><br />
</li>
   <li>
      <a href="http://www.ezportal.com/how-to-section/">How To Section</a><br /><br />
   </li>
   <li>
      <a href="http://www.ezportal.com/ezportal-showcase/">EzPortal Showcase</a><br /><br />
   </li>
   <li>
      <a href="http://www.ezportal.com/support/">Support</a><br /><br />
   </li>
</ul>
</div>
</body>


HINT: turn off the "tinymce" in the EzPortal settings,by clicking the radio button>
otherwise the WYSIWYG... will strip out all your tags! ! important

See Screen attached:

Maxx
Title: Re: HTML Layout with style
Post by: Maxx on June 22, 2014, 06:04:46 pm
If you like stuff like this please let me know I'll post more on CSS and HTML Neat stuff to say the least :)

regards,
Maxx