wordpress
--------------
<?php echo esc_url ( get_template_directory_uri() ); ?> /* css*/
<link rel="stylesheet" href=" <?php echo esc_url ( get_template_directory_uri() ); ?>/css/media.css">
--logo---
<div class="logo"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.jpg"></div>
<div class="logo">
<a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php
bloginfo('name'); ?>" /></a>
</div>
<?php echo get_template_directory_uri(); ?> /*for javascripts*/
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu' => 'top-menu', 'menu_class' => 'menu' ) ); ?> /* for menu */
<?php dynamic_sidebar( '' ); ?> /* for widget*/
<?php dynamic_sidebar('my-sidebar'); ?>
<?php /* Template Name: Home-Template */ ?>
<?php get_header(); ?>
<?php get_header(); ?>
plugins
----------
ml-slider
contact-form
Page Builder by SiteOrigin
Page Builder by SiteOrigin
black-studio-tinymce-widget
siteorigin-panels
so-widgets-bundle
BackUpWordPress
All in One SEO Pack
Sociable
Simple Photo Gallery
NextGen Gallery
WordPress Simple Paypal Shopping Cart
https://www.tipsandtricks-hq.com/list-of-the-best-and-must-use-wordpress-plugins-535
https://wordpress.org/plugins/tags/widget
https://premium.wpmudev.org/blog/top-100-wordpress-plugins/
http://www.wpsitecare.com/best-wordpress-plugins/
menu
----------
#container {
margin: 0 auto;
max-width: 890px;
}
p { text-align:left; }
.toggle, [id^=drop] {
display: none;
}
nav {
margin: 0;
padding: 0;
background-color: #225799;
text-align:left;
}
nav:after {
content: "";
display: table;
clear: both;
}
nav ul {
float: left !important;
padding: 0;
margin: 0;
list-style: none;
position: relative;
text-align:left;
}
nav ul li {
margin: 0px;
display: inline-block;
float: left;
background-color: #225799;
text-align:left;
}
nav a {
display: block;
padding: 0 25px;
color: #fff;
font-size: 14px;
line-height: 40px;
text-decoration: none;
text-transform:capitalize;
text-align:left;
}
nav ul li ul li:hover { background: #44a7e4; color:#fff; text-decoration:none; }
.activenav {background: #44a7e4; color:#fff; }
nav a:hover {background: #44a7e4; color:#fff; text-decoration:none;}
nav ul ul {
display: none;
position: absolute;
top: 40px;
z-index:999999 !important;
}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
width: 250px;
float: none;
display: list-item;
position: relative;
font-size: 14px !important;
line-height:18px;
border-bottom:1px solid #194377;
z-index:999999 !important;
text-transform:capitalize !important;
}
nav ul ul ul li {
position: relative;
top: -60px;
left: 250px;
z-index:999999 !important;
}
li > a:after { content: ' +'; }
li > a:only-child:after { content: ''; }
/* Media Queries
--------------------------------------------- */
@media all and (max-width : 768px) {
nav { margin: 0; }
.toggle + a,
.menu { display: none; }
.toggle {
display: block;
background-color: #225799;
padding: 0 20px;
color: #fff;
font-size: 20px;
line-height: 40px;
text-decoration: none;
border: none;
}
.toggle:hover {background: #44a7e4; color:#fff; }
[id^=drop]:checked + ul { display: block; }
nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover,
nav ul ul ul a { background-color: #000000; color: #ffffff; }
nav ul li ul li .toggle,
nav ul ul a { background-color: #212121; color: #ffffff; }
nav ul ul {
float: none;
position: static;
color: #ffffff;
}
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
nav ul ul li {
display: block;
width: 100%;
}
nav ul ul ul li { position: static;
}
}
@media all and (max-width : 330px) {
nav ul li {
display: block;
width: 94%;
}
}
-------------------------------------------------------
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li><a href="our-clinic.html">Our Clinic</a></li>
<li><a href="our-team.html">Our Team</a></li>
<li>
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Treatments +</label>
<a href="botox-injections-milton-keynes.html">Treatments</a>
<input type="checkbox" id="drop-2"/>
<ul>
<li><a href="botox-injections-milton-keynes.html">Botox injections Milton Keynes</a></li>
<li><a href="hyperhidrosis.html">Hyperhidrosis (Excessive sweating)</a></li>
<li><a href="derma-roller.html">Derma Roller</a></li>
<li><a href="prb-vampire-face-lift-treatment.html">Platelet Rich Plasma (PRP) Vampire face lift treatment</a></li>
<li>
<!-- Second Tier Drop Down -->
<label for="drop-3" class="toggle">Dermal Fillers +</label>
<a href="dermal-fillers.html">Dermal Fillers</a>
<input type="checkbox" id="drop-3"/>
<ul>
<li><a href="radiessse.html">Radiessse®</a></li>
<li><a href="juvederm.html">Juvederm®</a></li>
<li><a href="acne-treatment.html">Acne Treatment</a></li>
<li><a href="restylane.html">Restylane®</a></li>
</ul>
</li>
<li><a href="obagi-nu-derm.html">Obagi Nu-Derm® System,Obagi Blue Peel And Obagi Clenziderm M.D. System</a></li>
<li><a href="blue-peel-radiance.html">Blue Peel Radiance</a></li>
<li><a href="sculptra.html">Sculptra</a></li>
<li><a href="non-surgical-face-thread-treatment.html">Non Surgical Face Thread Treatment</a></li>
<li><a href="microdermabrasion.html">Microdermabrasion</a></li>
</ul>
</li>
<li>
<label for="drop-4" class="toggle">Special Offers +</label>
<a href="special-offers.html">Special Offers</a>
<input type="checkbox" id="drop-4"/>
<ul>
<li><a href="wedding-offers.html">Wedding Offers</a></li>
<li><a href="seasonal-offers.html">Seasonal Offers</a></li>
</ul>
</li>
<li><a href="conditions.html">Conditions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu' => 'main-menu', 'menu_class' => 'menu' ) ); ?>
</nav>
-----------------------------
.contact-text input[type="text"], .contact-text input[type="email"], .contact-text input[type="email"] {
width: 100%;
border: 1px solid #cccccc;
/* box-shadow: inset 1px 1px 2px #ccc; */
height: 40px;
padding: 0 15px;
color: #797979;
margin-bottom: 0;
margin: 10px 0;
}
.wpcf7-textarea{ width:100%;}
.wpcf7-submit{ background:#F90; width:auto; padding:10px 20px;border:none;}
.contact-text input[type="text"], .contact-text input[type="email"], .contact-text input[type="email"] {
width: 100%;
border: 1px solid #cccccc;
/* box-shadow: inset 1px 1px 2px #ccc; */
height: 40px;
padding: 0 15px;
color: #797979;
margin-bottom: 0;
margin: 10px 0;
}
.wpcf7-textarea{ width:100%;}
.wpcf7-submit{ background:#F90; width:auto; padding:10px 20px;border:none;}
No comments:
Post a Comment