Forum Support

Shape 5
July 24, 2021, 09:56:26 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: CSS-code team-page  (Read 355 times)
Melodrama
Jr. Member
**
Offline Offline

Posts: 67



« on: December 19, 2014, 01:57:17 AM »

Where is the complete CSS-code that's used for the team-page?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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:

Code:
<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>



« Last Edit: December 19, 2014, 03:09:29 PM by mikenicoll » Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Melodrama
Jr. Member
**
Offline Offline

Posts: 67



« Reply #2 on: December 19, 2014, 08:30:19 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  Lips sealed but even after using firebug to identify the css used there seems to be some css-code missing  Huh
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.