Designmd01 - Responsive Drupal 7 Theme

# Designmd01

## Responsive Drupal 7 Theme
(shared on mafiashare.net)

- Created: 08/12/2012
- latest Update: 10/25/2012
- By: Damir Dimic
- Email: ddteme@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me. Thanks so much!

### Installation

If you are new to Drupal, Please click here for Community Documentation.

Extract designmd01.zip file (easy installation: all required modules are included on the package + dark & light designmd01 theme) into any folder, then upload all files to your web server or localhost.

Once you extract it, it will be located on a folder called "designmd01". You can change it and place your new theme name there.

If you use web server then copy all the files into root. For install locally, you need download localhost software first. You can install xampp or wamp then copy all the files to C:\xampp\htdocs\designmd01 or C:\wamp\html\designmd01

Using a Web Browser, navigate to your folder. It would be on "http://localhost/designmd01" in case you installed it locally or "http://yourdomain.com/designmd01" in a remote installation.

You will see Drupal installation page. Select Designmd Profile then click Save & Continue

Select your language on the "Choose language" page and then click "Save and Continue" by default, the theme is English Based.

Setup your database info on the "Database configuration" page and then click "Save and Continue". If you haven't created it yet, do it via phpMyAdmin or any other MySQL configuration app. Once you continue, the installation process will begin. Please, be a little bit patient.

Configure your site basic info on the "Configure Site" page and then click "Save and Continue".

Done! Your site is ready to use!

### Change Theme Appearance (Dark theme)

Go to Site Appearance on the Drupal 7 administration menu and click Appearance and then Set default on Designmd Dark theme.

### How to create social icon

Go to Admin > Structure > Blocks to add new block.

Block body:

    <ul id="social">

         <li class="first"><a href="#" class="twitter soc">Twitter</a></li>
         <li><a href="#" class="facebook soc">Facebook</a></li>
         <li><a href="#" class="dribbble soc">Dribbble</a></li>
         <li><a href="#" class="youtube soc">YouTube</a></li>
         <li><a href="#" class="vimeo soc">Vimeo</a></li>

    </ul>

Text format - Full HTML

Region settings - Social links

### How to create welcome message

Go to Admin > Structure > Blocks to add new block.

Block body:

    <div class="welcome">

        <h1>Welcome to the DESIGNMD-01 template demo</h1>
        <p>
            We are a team of DesignMD who put maximum effort to satisfy your requirements in terms of WB Desigin.
            A particular attention we pay to the graphic style, caracterized by fonts, letters, symbols, allowing us to create an atractive and readable design for your eyes.
        </p>

    </div>

Text format - Full HTML

Region settings - Featured

### How to edit front content

You can go to Admin › Structure › Views to set it up.

Edit - Front content (view name) in views and then - Fields - Global: Custom text

### Change Twitter username and Flickr id

Open file main.js in the theme directory (js/main.js)

Edit: id for flickr and username for twitter.

    //FLICKR $('#footer .flickr').jflickrfeed({ limit: 8, qstrings: { id: '99771506@N00' },

    //TWITTER $(".s-tweet").tweet({ join_text: "auto", username: "envato",

### How to edit contact page

Open file contact-site-form.tpl.php in the theme directory (templates/contact-site-form.tpl.php)

Edit:

    We are waiting for your letters

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius sapien porttitor dui lobortis ut scelerisque lacus pulvinar.Sed condimentum velit a nisi blandit sit amet malesuada ligula laoreet. Curabitur tristique convallis est, ac tempus lacus pulvinar eget. Praesent ac ligula odio.

### How to create slider in blog post

Create or edit a blog post.

In Custom text-box field enter:

    <div class="slider-blog border-img" id="slider-blog-3">
        <ul class="slides">

            <li>
                <img src="example/slider.jpg" alt="Images"/>
                <div>
                    <h2><a href="#">Lorem ipsum dolor sit amet consectetur.</a></h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
            </li>

           ...

        </ul>
    <div>

### Create custom page (full content)

Copy file page--node--FULL.tpl.php in the theme directory - /templates/page--node--FULL.tpl.php.

Rename text with your NODE ID

If Your node is 14 then make page--node--14.tpl.php

Clear all caches.

### PSD Files

PSD file only includes social networking icons, the arrows slider and icons services.

### Sources and Credits

This theme import Javascript files:

- prettyPhoto
- Validate form
- jquery.easing
- isotope
- jquery.tweet
- flexslider
- hoverIntent
- elastislide
- jflickrfeed

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Damir Dimic

ddteme@gmail.com