The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

template

View previous topic View next topic Go down

template

Post by Skelly Man on September 30th 2010, 6:01 am

I dont really know if i can post this here but anyway its a template i downloaded and just finished coding in all the CSS and stuff Smile

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
/*
* Copyright 2010 ClanTemplates.com
* {War Zone} is a free template by {MichaelTinnin} and {Steven Costello (arrow816)} at ClanTemplates.com
* No part of this file may be redistributed without written permission
* Design by {MichaelTinnin} - {http://michaeltinnin.daportfolio.com/}
* Coded by {Steven Costello (arrow816)} - {http://www.mediarealm.net}
*/
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>War Zone</title>
<link rel="stylesheet" type="text/css" href="ftp://ftp001103.limedomains.com/../css/New%20directory/style.css" />
</head>

<body>
<div class="con1">
   <div class="con2">
       <div class="con3">
           <div class="top_bar_con">
               <div class="logo_con">
                   <a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/blank_logo.jpg" alt="Hello" /></a>
                </div>
                <div class="top_nav_con">
                   <ul class="top_nav">
                       <li class="home"><a id="on" href="#">Home</a></li>
                        <li class="team"><a href="#">Team</a></li>
                        <li class="forums"><a href="#">Forums</a></li>
                        <li class="tournaments"><a href="#">Tournaments</a></li>
                        <li class="matches"><a href="#">Matches</a></li>
                        <li class="clan_history"><a href="#">Clan History</a></li>
                        <li class="sponsors"><a href="#">Sponsors</a></li>
                        <li class="imprint"><a href="#">Imprint</a></li>
                        <li class="contact"><a href="#">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="top_mid_slider_con">
               <div class="slider_con">
                   <div class="slider_img_con">
                       <div class="slider_img">
                           <img src="http://i949.photobucket.com/albums/ad339/skellyman1/slider_img.jpg" alt="" />
                        </div>
                    </div>
                    <div class="slider_content_con">
                       <div class="slider_content">
                           <div class="slider_content_header"><span><a href="#">Call Of Duty Modern Warfare 2</a></span></div>
                            <div class="slider_content_sub_header"><span>Latest Released Video 12/12/12</span></div>
                            <div class="slider_content_text">
                               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam justo. Ut porta. Nullam ultrices velit sit amet mi. Donec gravida. Aenean in felis sit amet mauris sollicitudin dapibus. In diam lorem, placerat vitae, interdum at, elementum a, diam. Quisque felis nisl, lacinia ac, sagittis non, lobortis suscipit, purus. Integer convallis mauris in risus. Phasellus velit eros, tempus eget, egestas quis, iaculis vitae, neque. Nunc semper arcu quis leo. Nunc eu dolor. Fusce mollis. Aliquam laoreet volutpat dolor. Donec ultrices pretium tellus. Pellentesque habitant morbi tristique senectus et.
                            </div>
                            <div class="slider_content_details">
                               <span class="read_more"><a href="#">Read More</a></span> | <span class="comments_text">Comments</span> <span class="comments_number">(426)</span>
                            </div>
                        </div>
                    </div>
                    <div class="clr"></div>
                </div>
            </div>
            <div class="main_con">
               <div class="left_col">
                   <div class="left_col_box_short">
                       <div class="box_header">
                           <span>Latest Matches</span>
                        </div>
                        <div class="box_content">
                           <ul>
                               <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_left_span">12</span>
                                        <span class="li_right_mid_span">-</span>
                                        <span class="li_right_right_span">7</span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_left_span">12</span>
                                        <span class="li_right_mid_span">-</span>
                                        <span class="li_right_right_span">7</span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_left_span">12</span>
                                        <span class="li_right_mid_span">-</span>
                                        <span class="li_right_right_span">7</span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_left_span">12</span>
                                        <span class="li_right_mid_span">-</span>
                                        <span class="li_right_right_span">7</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="left_col_box_short">
                       <div class="box_header">
                           <span>Latest Articles</span>
                        </div>
                        <div class="box_content">
                           <ul>
                               <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                        <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="left_col_box_short">
                       <div class="box_header">
                           <span>Latest Media</span>
                        </div>
                        <div class="box_content">
                           <ul>
                               <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                        <span class="li_right_mid_span"><a href="#">View</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">View</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">View</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">View</a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="left_col_box_long">
                       <div class="box_header">
                           <span>Advertisement</span>
                        </div>
                        <div class="left_col_box_long_content">
                           <div class="left_col_box_long_advert">
                               <a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/left_col_advert.jpg" alt="" /></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="center_col">
                   <div class="center_col_header">
                       <span>News Center</span>
                    </div>
                    <div class="news_center_post_con">
                       <div class="news_center_post_header">
                           <span><a href="#">Intro</a></span>
                        </div>
                        <div class="news_center_post_image">
                           <img src="http://i949.photobucket.com/albums/ad339/skellyman1/news_center_post_image_team_news.jpg" alt="" />
                        </div>
                        <div class="news_center_post_text">
                           <p>Thank you for downloading this free template release from www.clantemplates.com if you have any questions, these paragraphs should address them or direct you to where they can be addressed.</p>
<p>There are a few terms-of-use rules you need to follow if you want to use this or any ClanTemplates template but they are simple to follow. The first is that you <b>must keep a link back to ClanTemplates</b> either using a Lead Sponsor image or an affiliate link (dependent upon your template). This must be a hyperlink and must include the ClanTemplates 'C' logo. The second is that you <b>must include any copyright footer</b> that tells you who designed and coded the template. This image (and/or text) should also link to ClanTemplates and must not be edited.</p>
<p>All templates released at clantemplates are coded in html/xhtml &amp; css so that even the most inexperienced individual can understand and edit the template. If you have either Frontpage or Dreamweaver at your disposal these would be recommended for you to easily edit and manage the code of your new website template. Below are 3 video tutorials that explain different aspects of how to use a template downloaded from Clantemplates.</p>

<ul>
<li><a href="http://www.clantemplates.com/video/How_to_DL_and_Edit/How_to_DL_and_Edit.html" target="_blank">How to Download &amp; Edit Your Template</a></li>
<li><a href="http://www.clantemplates.com/video/CT_How_to_Make_a_New_Page/CT_How_to_Make_a_New_Page.html" target="_blank">How to make a new page for the template</a></li>
<li><a href="http://www.clantemplates.com/video/CT_How_to_Upload/CT_How_to_Upload.html" target="_blank">How to upload your template to a server</a></li>
</ul>
                        </div>
                        <div class="news_post_center_details">
                           <div class="details_reader_more">
                               <span><a href="#">Read full story</a></span>
                            </div>
                            <div class="details_mid">
                             | 
                            </div>
                            <div class="details_comments">
                               <span>Comments</span> (<span>7</span>)
                            </div>
                        </div>
                    </div>
                    <div class="news_center_post_con">
                       <div class="news_center_post_header">
                           <span><a href="#">Editing your Template</a></span>
                        </div>
                        <div class="news_center_post_image">
                           <img src="http://i949.photobucket.com/albums/ad339/skellyman1/news_center_post_image_team_news.jpg" alt="" />
                        </div>
                        <div class="news_center_post_text">
                           <p>All templates released at Clantemplates should include blank banner images for you to add your own clans name to in order to personalize the template. Such images are generally included in the images folder which was in the zip file you downloaded and are normally denoted by the word 'blank' in the filename. Other blank images for various parts of a template, may be included in the folder, depending on the template you've downloaded.</p>

                        </div>
                        <div class="news_post_center_details">
                           <div class="details_reader_more">
                               <span><a href="#">Read full story</a></span>
                            </div>
                            <div class="details_mid">
                             | 
                            </div>
                            <div class="details_comments">
                               <span>Comments</span> (<span>7</span>)
                            </div>
                        </div>
                    </div>
                    <div class="news_center_post_con">
                       <div class="news_center_post_header">
                           <span><a href="#">Getting Help</a></span>
                        </div>
                        <div class="news_center_post_image">
                           <img src="http://i949.photobucket.com/albums/ad339/skellyman1/news_center_post_image_team_news.jpg" alt="" />
                        </div>
                        <div class="news_center_post_text">
                           <p>Any questions that the video tutorials just didn't cover? Well the best place to get the kind of answers you need is to use that template you've downloaded is to submit your question for the Support Staff in the Clantemplates <a href="http://forums.clantemplates.com/forumdisplay.php?f=9" target="_blank">Help Booth</a>. Make sure you include the name of the template you downloaded and the category it was in. Any question you may have regarding a template they will be able to answer for you.</p>
                        </div>
                        <div class="news_post_center_details">
                           <div class="details_reader_more">
                               <span><a href="#">Read full story</a></span>
                            </div>
                            <div class="details_mid">
                             | 
                            </div>
                            <div class="details_comments">
                               <span>Comments</span> (<span>7</span>)
                            </div>
                        </div>
                    </div>
                    <div class="news_center_post_con">
                       <div class="news_center_post_header">
                           <span><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing</a></span>
                        </div>
                        <div class="news_center_post_image">
                           <img src="http://i949.photobucket.com/albums/ad339/skellyman1/news_center_post_image_team_news.jpg" alt="" />
                        </div>
                        <div class="news_center_post_text">
                           <p>Nam justo. Ut porta. Nullam ultrices velit sit amet mi. Donec gravida. Aenean in felis sit amet mauris sollicitudin dapibus. In diam lorem, placerat vitae, interdum at, elementum a, diam. Quisque felis nisl, lacinia ac, sagittis non, lobortis suscipit, purus. Integer convallis mauris in risus. Phasellus velit eros, tempus eget, egestas quis, iaculis vitae, neque. Nunc semper arcu quis leo. Nunc eu dolor. Fusce mollis. Aliquam laoreet volutpat dolor. Donec ultrices pretium tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse faucibus tellus eu augue. Phasellus dictum lorem at neque.</p>
                        </div>
                        <div class="news_post_center_details">
                           <div class="details_reader_more">
                               <span><a href="#">Read full story</a></span>
                            </div>
                            <div class="details_mid">
                             | 
                            </div>
                            <div class="details_comments">
                               <span>Comments</span> (<span>7</span>)
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right_col">
                   <div class="right_col_upcoming_match_box">
                       <div class="box_header">
                           <span>Upcoming Match</span>
                        </div>
                        <div class="box_content">
                           <div class="upcoming_match_team_box">
                               <div class="team_img_left_con">
                                   <div class="team_img">
                                    </div>
                                </div>
                                <div class="team_versus_mid">
                                   <span>VERSUS</span>
                                </div>
                                <div class="team_img_right_con">
                                   <div class="team_img">
                                    </div>
                                </div>
                            </div>
                        </div>
                            <ul>
                                    <li>
                                        <div class="li_left">
                                            <span>12/5/10</span>
                                        </div>
                                        <div class="li_middle">
                                            <span><a href="#">Zerophoto  vs.  eMergancy</a></span>
                                        </div>
                                        <div class="li_right">
                                            <span class="li_right_left_span">0</span>
                                            <span class="li_right_mid_span">-</span>
                                            <span class="li_right_right_span">0</span>
                                        </div>
                                    </li>
                            </ul>
                    </div>
                   <div class="left_col_box_short">
                       <div class="box_header">
                           <span>Latest Threads</span>
                        </div>
                        <div class="box_content">
                           <ul>
                               <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                        <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                                <li>
                                   <div class="li_left">
                                       <span>12/5/10</span>
                                    </div>
                                    <div class="li_middle">
                                       <span><a href="#">Lorem plesu ispum do...</a></span>
                                    </div>
                                    <div class="li_right">
                                       <span class="li_right_mid_span"><a href="#">Read</a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="right_col_box_mid">
                       <div class="box_header">
                           <span>Our Sponsors</span>
                        </div>
                        <div class="mid_size_box_content">
                           <div class="sponsor_holder">
                               <div class="sponsor_img">
                                   <a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/sponsor_img.png" alt="" /></a>
                                </div>
                            </div>
                            <div class="sponsor_holder">
                               <div class="sponsor_img">
                                   <a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/sponsor_img.png" alt="" /></a>
                                </div>
                            </div>
                            <div class="sponsor_holder">
                               <div class="sponsor_img">
                                   <a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/sponsor_img.png" alt="" /></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_col_box_short">
                       <div class="box_header">
                           <span>Our Supporter</span>
                        </div>
                        <div class="small_box_content">
                           <div class="sponsor_holder">
                               <div class="sponsor_img">
                                   <a href="#"><img src="http://i949.photobucket.com/albums/ad339/skellyman1/sponsor_img.png" alt="" /></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_col_box_mid">
                       <div class="box_header">
                           <span>Advertisement</span>
                        </div>
                        <div class="advert_mid">
                           <div class="advert_con">
                               <a href="#"><img src="images/right_col_advert.jpg" alt="" /></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clr"></div>
            </div>
        </div>
    </div>
    <div class="footer">
       <div class="credit">
           <div class="copyright">
               <span><a href="http://www.clantemplates.com" target="_blank">ClantTemplate.com</a> © 2009 - 2010. All rights reserved.</span>
            </div>
            <div class="terms_privacy">
               <span><a href="#">Terms of Service</a> | <a href="#">Private Policy</a></span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
Thats the HTML code for it if ya wanna have a look Smile
go onto http://htmledit.squarefree.com/ if you wanna view it Smile the template was DL'd from http://www.clantemplates.com/

Skelly Man
Forumember

Male Posts : 130
Reputation : 0
Language : english
Location : NSW, Australia

Back to top Go down

Re: template

Post by Darren1 on September 30th 2010, 6:06 am

Hi,

Can I just ask what the issue/problem is as I don't see why this HTML code wouldn't work?

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: template

Post by Skelly Man on September 30th 2010, 6:09 am

no there is no problem i want you to say what you think D; and im pretty sure some images dont work on I.E :/

Skelly Man
Forumember

Male Posts : 130
Reputation : 0
Language : english
Location : NSW, Australia

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum