Developing (v7+)

convert to concrete5

Permalink July 04, 2011 at 2:06 AM

Hello, I'm trying to convert the following HTML code into concrete5. I've searched many places for the answer, but am still seeing no jpgs on my website and the pages don't link.

Any help converting this HTML to concrete5 would be hugely appreciated I'm new and am willing to learn, but there's no good manual on this yet. Thanks!

<!-- BEGIN OF HEADER -->
           <div id="header">
               <div id="left-header">
                   <!-- begin of logo and mainmenu -->
                   <div id="logo"><a href="index.html"><img src="images/logo.jpg" alt="" /></a></div>
                    <div id="slogan">Lorem Ipsum Dolor Amet Consectetur<br/>Adipisicing Elit, Sed Do Eiusmod Tempor</div>
                    <!-- end of logo and mainmenu -->
                </div>
                <div id="right-header">
                   <!-- begin of searchbox -->
                   <div id="s-container">
                       <div id="search-box">                           
                           <form id="search" action="#" method="get">
                            <fieldset class="search-fieldset">
                        <input type="text" id="s" value="search here..." onblur="if (this.value == ''){this.value = 'search here...'; }" onfocus="if (this.value == 'search here...') {this.value = ''; }" />

Viewing 15 lines of 64 lines. View entire code block.

 
<!-- BEGIN OF HEADER -->
           <div id="header">
 
               <div id="left-header">
                   <!-- begin of logo and mainmenu -->
                   <div id="logo"><a href="index.html"><img src="images/logo.jpg" alt="" /></a></div>
                    <div id="slogan">Lorem Ipsum Dolor Amet Consectetur<br/>Adipisicing Elit, Sed Do Eiusmod Tempor</div>
                    <!-- end of logo and mainmenu -->
                </div>
 
                <div id="right-header">
                   <!-- begin of searchbox -->
                   <div id="s-container">
                       <div id="search-box">                           
                           <form id="search" action="#" method="get">
                            <fieldset class="search-fieldset">
                        <input type="text" id="s" value="search here..." onblur="if (this.value == ''){this.value = 'search here...'; }" onfocus="if (this.value == 'search here...') {this.value = ''; }" />
                            <input type="submit" class="go" value="" />
                            </fieldset>                        
                        </form>                            
                        </div>                       
                    </div>
                    <div id="s-container-right"></div>
                    <!-- end of searchbox -->
 
                    <!-- begin of mainmenu -->
                    <div id="mainmenu">
                       <ul id="menu">
                            <li class="current"><a href="index.html">Home</a></li>
                            <li><a href="about.html">About</a></li>                    
                            <li><a href="services.html">Services</a></li>                                
                            <li><a href="#">Portfolio</a>
                               <ul>
                                    <li><a href="portfolio1.html">Four Column</a></li>                            
                                    <li><a href="portfolio2.html">Three Column</a></li>   
                                    <li><a href="portfolio3.html">Two Column</a>
                                        <ul>
                                            <li><a href="#">Only for</a></li>                            
                                            <li><a href="#">Demonstration</a></li>   
                                            <li><a href="#">Menu Level 3</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="contact.html">Contact</a></li>
                            <li><a href="#">Pages</a>
                               <ul>
                                    <li><a href="index-alt.html">Home Alternate</a></li> 
                                    <li><a href="contact-alt.html">Contact Alternate</a></li>                           
                                    <li><a href="element.html">Element page</a></li>
                                    <li><a href="testimonials.html">Testimonials page</a></li>
                                    <li><a href="pricing.html">Pricing Plan</a></li>
                                    <li><a href="services-alt.html">Services Alternate</a></li>
                                    <li><a href="services-detail.html">Services Detail</a></li>
                                    <li><a href="faq.html">FAQ page</a></li>
                                    <li><a href="single.html">Single page</a></li>                            
                                    <li><a href="fullwidth.html">Fullwidth page</a></li>
                                    <li><a href="404.html">404 page</a></li>
                                </ul>
                            </li>
                       </ul>
                    </div>
                    <!-- end of mainmenu -->
                </div>
 
            </div>
            <!-- END OF HEADER -->

pvernaglia replied on Jul 4, 2011 at 9:11 am Permalink Reply

Use to load an image from theme image directory

<img src="<?=$this->getThemePath()?>/images/photo.png">

http://www.weblicating.com/c5/cheat-sheet/...

Multishow64 replied on Jul 5, 2011 at 7:57 pm Permalink Reply

If you are trying to convert html and css to c5 this might help..
http://concrete5-japan.org/dreamweaver/en/...
cheers

Multishow64 replied on Jul 5, 2011 at 7:58 pm Permalink Reply

you must have Dreamweaver though..

Forums

Developing (v7+)

convert to concrete5

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?