The post Create wordpress theme appeared first on webtoolkit.info.
]]>I had the same problem, so I spent some time looking for some kind of WordPress theme SDK. After numerous searches I decided to make one. I will try to write a step by step tutorial how to use it.
Before starting I must say that I’m not very experienced WordPress user, I only start enjoying this blog system and all of its good features. I know that there will be always people who will be complaining about one or other software (and maybe at some point they will be right, but…), so please don’t tell me why WordPress is bad choice for a blog, at least yet. :)
Further more if you want to make Your own WordPress theme You must have some knowledge in xHTML, CSS and PHP.
define('DB_NAME', 'putyourdbnamehere');
define('DB_USER', 'usernamehere');
define('DB_PASSWORD', 'yourpasswordhere');
There are some files in this test theme folder. Lets talk about them.
Don’t be afraid, try to change something. Try to divide Yours existing xHTML template (remember You have created the best ever design? :) ) into parts (header, footer, sidebar, main part) and paste code into this wireframe theme carefully. Don’t do everything at once and I assure You that in few minutes you will have Your own WordPress theme. Just don’t forget to share it with others. :)
More on theme development you can find here: http://codex.wordpress.org/Theme_Development.
The post Create wordpress theme appeared first on webtoolkit.info.
]]>The post jQuery menu appeared first on webtoolkit.info.
]]>Css drop down menus are based only on cascading style sheet functionality, but on some old not A grade browsers they lack some features.
In this example i used very simple jQuery plugin which helps me with “mouse over” event, and adds/removes some class from some elements.
So take it, use it, recommend it if you like it!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Webtoolkit.info jQuery menu</title>
<style type="text/css">
#navigation {
font-family: georgia;
font-size: 18px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#navigation li {
position: relative;
float: left;
margin: 0px 1px 0px 0px;
}
#navigation li a {
display: block;
padding: 5px 35px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-right: 5px;
background: #cc0000;
color: #ffffff;
text-decoration: none;
}
#navigation li ul {
position: absolute;
left: 0px;
top: 0px;
display: none;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#navigation li.over {
top: 1px;
}
#navigation li.over a {
background: #009bcc;
}
#navigation li.over ul {
padding: 5px!important;
display: block;
background: #009bcc;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-right: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-bottom-top-right: 5px;
}
#navigation li.over ul li {
float: none;
margin: 0px!important;
top: 0px;
}
#navigation li.over ul li a {
font-size: 14px;
padding: 3px 30px;
background: none;
white-space: nowrap;
}
#navigation li.over ul li a:hover {
background: #00bbf7;
color: #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
(function($){
$.fn.extend({
//plugin name - animatemenu
webtoolkitMenu: function(options) {
return this.each(function() {
//Assign current element to variable, in this case is UL element
var obj = $(this);
$("li ul", obj).each(function(i) {
$(this).css('top', $(this).parent().outerHeight());
})
$("li", obj).hover(
function () { $(this).addClass('over'); },
function () { $(this).removeClass('over'); }
);
});
}
});
})(jQuery);
$(document).ready(function() {
$('#navigation').webtoolkitMenu();
});
</script>
</head>
<body>
<ul id="navigation"><!--
--><li><a href="">Sign up</a></li><!--
--><li><a href="">Orders</a><!--
--><ul><!--
--><li><a href="">Dashboard</a></li><!--
--><li><a href="">Order list</a></li><!--
--></ul><!--
--></li><!--
--><li><a href=""><span><span>My account</span></span></a><!--
--><ul><!--
--><li><a href="">Dashboard</a></li><!--
--><li><a href="">Profile</a></li><!--
--><li><a href="">Change password</a></li><!--
--></ul><!--
--></li><!--
--></ul>
</body>
</html>
The post jQuery menu appeared first on webtoolkit.info.
]]>The post Gap between list items appeared first on webtoolkit.info.
]]>You can remove it if you clean all spaces between li and ul elements, o you can just comment those spaces like in example below.
<ul id="navigation"><!-- --><li><a href="">Sign up</a></li><!-- --><li><a href="">Orders</a><!-- --><ul><!-- --><li><a href="">Dashboard</a></li><!-- --><li><a href="">Order list</a></li><!-- --></ul><!-- --></li><!-- --><li><a href=""><span><span>My account</span></span></a><!-- --><ul><!-- --><li><a href="">Dashboard</a></li><!-- --><li><a href="">Profile</a></li><!-- --><li><a href="">Change password</a></li><!-- --></ul><!-- --></li><!-- --></ul>
The post Gap between list items appeared first on webtoolkit.info.
]]>The post Google friendly domain redirect appeared first on webtoolkit.info.
]]>
How to redirect?
For case #1 and #2 you must point (alias) all the domains to the same website. Ask your server administrator or hosting providers how to do that. Some times hosting providers call this – domain parking.
Select configuration for desired case below. Replace domain names with your real ones and paste the code to file named ‘.htaccess’. Upload the file it into the root folder of your web page.
RewriteEngine On
RewriteBase /
# redirects old domain to a new one
RewriteCond %{HTTP_HOST} ^www\.olddomain\.com$
RewriteRule ^.*$ http://www.newdomain.com%{REQUEST_URI} [R=301,L]
RewriteEngine On
RewriteBase /
# redirects any alternative domain which name isn't "www.primarydomain.com"
RewriteCond %{HTTP_HOST} !^www\.primarydomain\.com$
RewriteRule ^.*$ http://www.primarydomain.com%{REQUEST_URI} [R=301,L]
RewriteEngine On
RewriteBase /
# strips the "www"
RewriteCond %{HTTP_HOST} ^www\.domain\.com$
RewriteRule ^.*$ http://domain.com%{REQUEST_URI} [R=301,L]
The post Google friendly domain redirect appeared first on webtoolkit.info.
]]>