1. Start
  2. Files & Directories
  3. Structure
  4. HTML Structure
  5. CSS Structure
  6. Skins
  7. Contact Us
  8. Shortcode
  9. Credits

Ask me - Responsive Questions and Answers Template

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

Files & Directories


Includes bootstrap and fontello files and font-awesome files and you will find 42 files
  1. index.html (The 1 homepage example)
  2. index_2.html (The 2 homepage example)
  3. index_boxed_1.html (The 3 homepage example)
  4. index_boxed_2.html (The 4 homepage example)
  5. index_no_box.html (The 5 homepage example)
  6. index_boxed_1_970.html (The homepage boxed 1 970 example)
  7. index_boxed_2_970.html (The homepage boxed 2 970 example)
  8. fixed_nav.html (The fixed nav example)
  9. header_light.html (The light header example)
  10. footer_light.html (The light footer example)
  11. panel_light.html (The light panel example)
  12. index_970.html (The homepage 970 example)
  13. ask_question.html (The ask question page)
  14. cat_question.html (The Questions Category page)
  15. single_question.html (The normal question page)
  16. single_question_poll.html (The poll question page)
  17. user_profile.html (The main user profile page)
  18. user_questions.html (The user questions page)
  19. user_answers.html (The user answers page)
  20. user_favorite_questions.html (The user favorite questions page)
  21. user_points.html (The user points page)
  22. edit_profile.html (The user edit profile page)
  23. blog_1.html (The 1 blog example right sidebar)
  24. blog_1_l_sidebar.html (The 1 blog example left sidebar)
  25. blog_1_full_width.html (The 1 blog example full width)
  26. blog_2.html (The 2 blog example right sidebar)
  27. blog_2_l_sidebar.html (The 2 blog example left sidebar)
  28. blog_2_full_width.html (The 2 blog example full width)
  29. single_post.html (The single post example right sidebar)
  30. single_post_l_sidebar.html (The single post example left sidebar)
  31. single_post_full_width.html (The single post example full width)
  32. login.html (The login page)
  33. contact_us.html (The 5 contact us page)
  34. right_sidebar.html (The right sidebar page)
  35. left_sidebar.html (The left sidebar page)
  36. full_width.html (The full width page)
  37. 404.html (The 404 page)
  38. shortcodes.html (The shortcodes page)
  39. icons.html (The icons page)
  40. style.css (Main style css)
  41. contact_us.php (The php file contact us)
  42. rtl.css (The RTL css file)

Structure


Ask me Template is well commented to easily understand, everypage has
  1. <head> area which contains the meta tags, css and jquery files
  2. <body> area which contains the site and divided into
  3. <header> with id "header" and includes top menu, logo area, main menu .
  4. "main-content div wich includes the middle area of you site .
  5. <footer> with id "footer" includes all footer content .

HTML Structure


This the normal question
<article class="question question-type-normal">
	<h2>
		<a href="single_question.html">This is my first Question</a>
	</h2>
	<a class="question-report" href="#">Report</a>
	<div class="question-type-main"><i class="icon-question-sign"></i>Question</div>
	<div class="question-author">
		<a href="#" original-title="ahmed" class="question-author-img tooltip-n"><span></span><img alt="" src="http://placehold.it/60x60/FFF/444"></a>
	</div>
	<div class="question-inner">
		<div class="clearfix"></div>
		<p class="question-desc">Duis dapibus aliquam mi, eget euismod sem scelerisque ut. Vivamus at elit quis urna adipiscing iaculis. Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vitae velit in neque dictum blandit.</p>
		<div class="question-details">
			<span class="question-answered question-answered-done"><i class="icon-ok"></i>solved</span>
			<span class="question-favorite"><i class="icon-star"></i>5</span>
		</div>
		<span class="question-category"><a href="#"><i class="icon-folder-close"></i>wordpress</a></span>
		<span class="question-date"><i class="icon-time"></i>4 mins ago</span>
		<span class="question-comment"><a href="#"><i class="icon-comment"></i>5 Answer</a></span>
		<span class="question-view"><i class="icon-user"></i>70 views</span>
		<div class="clearfix"></div>
	</div>
</article>
  1. The poll question ( in this class question-type-normal replace normal to poll )
  2. To set the boxed page add in id wrap class boxed or boxed2 (2 ex)
  3. To set the fixed nav add in id wrap class fixed-enabled
  4. To set the light header add in id header class header_light
  5. To set the light footer add in id footer class footer_light_top and in id footer-bottom class footer_light_bottom
  6. To set the light panel add in class login-panel class panel_light
  7. To set the container 970 page add in id wrap class grid_970 else grid_1200 => this is default
  8. The right sidebar is default ( to set the left sidebar page add to class main-content this class page-left-sidebar ) or ( to set the full width page add to class main-content this class page-full-width )

CSS Structure


  1. style.css this the main style
  2. rtl.css this the rtl style
  3. css/base.css
  4. css/bootstrap.min.css
  5. css/lists.css
  6. css/prettyPhoto.css
  7. css/responsive.css
  8. css/font-awesome/css/font-awesome.min.css
  9. css/fontello/css/fontello.css
  10. css/skins/skins.css
  11. css/skins/purple.css
  12. css/skins/blue.css
  13. css/skins/green.css
  14. css/skins/red.css
  15. css/skins/yellow.css
  16. css/skins/gray.css
  17. css/skins/orange.css
  18. css/skins/moderate_cyan.css
  19. css/skins/strong_cyan.css
  20. css/dark.css

Skins


<link rel="stylesheet" href="css/skins/skins.css">
replace skins.css to your favourite color
  1. skins ( default )
  2. purple
  3. blue
  4. green
  5. red
  6. yellow
  7. gray
  8. orange
  9. moderate cyan
  10. strong cyan

Contact Us


Setup contact form
  1. Open the contact_us.php file
  2. // edit this only :)
    $your_email = "youremail@gmail.com";
    $your_name = "vbegy";

Shortcode


Shortcode

Icons

Credits


  1. Bootstrap - Copyright 2013 Twitter
  2. font-awesome - Copyright font awesome
  3. fontello - Copyright fontello
  4. jquery.min.js - jQuery function.
  5. jquery-ui-1.10.3.custom.min.js - jQuery ui function.
  6. jquery.easing.1.3.min.js - jQuery easing function.
  7. html5.js
  8. jflickrfeed.min.js - jQuery flickr feed.
  9. jquery.bxslider.min.js - jQuery bxslider.
  10. jquery.carouFredSel-6.2.1-packed.js - jQuery carouFredSel.
  11. jquery.flexslider.js - jQuery flexslider.
  12. jquery.inview.min.js - jQuery inview.
  13. jquery.nav.js - jQuery nav function.
  14. jquery.prettyPhoto.js - jQuery prettyPhoto.
  15. jquery.scrollTo.js - jQuery scrollTo.
  16. jquery.tipsy.js - jQuery tipsy.
  17. tabs.js - jQuery tabs.
  18. tags.js - jQuery tags.
  19. jquery.tweet.js - jQuery tweet.