Shape 5

Joomla Templates => Incline - Club => : Melodrama December 19, 2014, 01:57:17 AM


: CSS-code team-page
: Melodrama December 19, 2014, 01:57:17 AM
Where is the complete CSS-code that's used for the team-page?

: Re: CSS-code team-page
: mikek December 19, 2014, 08:22:22 AM
Hello,

I would suggest installing the site shaper into a sub folder so you have a live demo to work off of and review if you are copying portions of it.

This is the code used on the team page:

:
<br /><br />
<div style="border-bottom:1px solid #ebe8e8;padding-bottom:70px;margin-bottom:70px;">
<h1 class="pages_center_text">
	We are a dedicated team, passionate about making your dreams a reality. 
  <br><br>
  </h1>

<div class="pages_center_text">
<div class="s5_title">"I am dedicated to making you happy about the product that you get from my company because it's so great.  I promise you will be pleased!" <br>- Frank Basefield </div>

</div>

</div>


<h1 class="s5_centerit">Our Head Honcho's</h1>
<span class="s5_centerit overlay_subtitle">These Guys Run the Place</span>

<br><br>

<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team5.jpg" alt="team5"/>
</div>
<br>
Frank Basefield
<br>
<span style="color:#a8a8a8;">CEO/Co-Owner</span>
<br><br>
</div>
</div>


<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team6.jpg" alt="team6"/>
</div>
<br>
Jeremy Westfend
<br>
<span style="color:#a8a8a8;">Manager</span>
<br><br>
</div>
</div>






<div style="clear:both;"></div>
<br><br>


<h1 class="s5_centerit">Our Dedicated Team</h1>
<span class="s5_centerit overlay_subtitle">Of Awesome Web Developers</span>

<br><br>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/>
</div>
<br>
Mike Summerfield
<br>
<span style="color:#a8a8a8;">GUI Design</span>
<br><br>
</div>
</div>



<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team2.jpg" alt="team2"/>
</div>
<br>
Joel Lasdingo
<br>
<span style="color:#a8a8a8;">Lead Designer</span>
<br><br>
</div>
</div>





<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team3.jpg" alt="team3"/>
</div>
<br>
Michelle Wright
<br>
<span style="color:#a8a8a8;">Senior Developer</span>
<br><br>
</div>
</div>




<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team4.jpg" alt="team4"/>
</div>
<br>
Frank Hammard
<br>
<span style="color:#a8a8a8;">Marketing</span>
<br><br>
</div>
</div>

<div style="clear:both;"></div>
<br><br>


<div class="pages_highlight_box">
	<h3 class="s5_centerit">We want to hear from you!</h3>
	<br>
	Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet p
</div>


<br><br>

<div class="code">
Example of code used above.  Notice on the first DIV there is a "four".  You can enter one, two, three, four, five and six depending on how many team members you want on one row (Be sure to keep that space before the number too):
<br><br>

&lt;div class="overlay_outer four"&gt; <br>
&lt;div class="overlay_inner"&gt; <br>
&lt;div class="overlay_hover_outer"&gt; <br>
&lt;div class="overlay_hover_inner"&gt; <br>
&lt;div class="overlay_socialicons"&gt; <br>
&lt;a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"&gt;&lt;/a&gt; <br>
&lt;a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"&gt;&lt;/a&gt; <br>
&lt;/div&gt; <br>
&lt;/div&gt; <br>
&lt;img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/&gt; <br>
&lt;/div&gt; <br>
&lt;br&gt; <br>
Mike Summerfield <br>
&lt;br&gt; <br>
&lt;span style="color:#a8a8a8;"&gt;CEO/Owner&lt;/span&gt; <br>
&lt;br&gt;
&lt;/div&gt; <br>
&lt;/div&gt; <br>



</div>



<br><br>


<span style="font-size:.8em;">
Photos credits by <a href="http://www.imcreator.com/free/amaze" target="_blank">Daniele Zedda</a>, <a href="http://www.imcreator.com/free/rick-nunn" target="_blank">JohnONolan</a>, <a href="http://www.imcreator.com/free/bamboo" target="_blank">Daniele Zedda</a>, <a href="http://www.imcreator.com/free/andrea" target="_blank">Daniele Zedda</a>,  <a href="http://www.imcreator.com/free/people/classes" target="_blank">AllansBrain</a>, <a href="http://www.imcreator.com/free/rudolfs" target="_blank">rolands.lakis</a></span>




: Re: CSS-code team-page
: Melodrama December 19, 2014, 08:30:19 AM
: mikek  December 19, 2014, 08:22:22 AM
I would suggest installing the site shaper into a sub folder so you have a live demo to work off of and review if you are copying portions of it.
Well, that's exactly what I did  :-X but even after using firebug to identify the css used there seems to be some css-code missing  ???

: Re: CSS-code team-page
: mikenicoll December 19, 2014, 03:10:10 PM
Hello,

After installing the Site Shaper change your editor to None in the Global Configuration before going into the module. Often times editors will strip or modify the coding on submission.