Juanitas Web Spot (www.jack-in.com)

Conformity is NOT in My Dictionary

Amazon Ad Words WordPress Plugin

January 10, 2010

Here it is. Simple Amazon Affiliate linking ad words from your post tags. It’s a beta.

I am still having some spacing issues with the widget display on different themes. The screenprint is using a classic based modified theme. My current theme does not like the way the sidebars are CSSed. But Having my own plugins and functions with my own themes will make it so that my code does not clash with the code of other programmers. As it is in some themes some formatting is not co-pasetic. When you want to be fancy sometimes you hack. That leads to issues. My last theme (not by me) was a major hack (and it was nice) and it is not returning from the dead With 2.9+ most of my plugins worked. So that is good but themes seem way more sensitive.

view the live plugin here http://wpthemes.jack-in.com

download it now

Duh! Wordpress Themes…Defaults!

January 9, 2010

WordPress

Comments

I was working out in theory and on paper my first complete Wordpress theme. I modify and edit and add to and subtract from themes. But this one would be completely from scratch. I wanted my own customizable features, header images, logos, placement and functions. All in one theme that I could also change the theme of this theme for holidays. So this would be the be all end all theme.

And I started to over analyze (it’s better that way) about this whole process in general.

I always tend to jump ahead sometimes it just takes a leap of a faith that tells me that it is able and available to be done, but people just don’t do it. I know that I have seen defaults in themes. Where do they come from? How do they link in to a theme? Can I create my own default? Why not. Someone out ther had done this before me. I just have to find out what the steps are and do it also.

I began to wonder why I had to create entire pages of code. CSS can place and format any item on a web page. Why do themes contain pages at all?

It seems to me there should be an id for each part of what can display on a Wordpress site and that #id should have #names and each name could be assigned lower classes also. So, again what is with the pages of any kind of HTML whatsoever. I always said that I would not use CSS until I was ready to give up almost completely on using any kind of HTML at all. If my data is dynamic, and I can completely format with CSS why would I need anything else.

Well, Wordpress may just be the push I need. I would like to say that theme designers around the world need to agree on some standard #ids for components. We know that we use #container, #content, #post, #comments, #sidebar etc. so why not take these basics and develop themes that consist only of style-sheets and a theme settings page the active file being set up by Wordpress itself?

example:

If you have a #comment tag your theme settings can say show comments or not. the <#id> would then be hidden or not. With CSS and the settings of the theme that would be it. no need for the extra files to even exist.

Wordpress itself lets you borrow from other themes with their CSS setting Template: option. So why is it not used more often. Why are there not more strong bases to use as default templates. Kubrick is ok but I want more…lot’s more…

The template option is there for a reason.

Anyway, I just had to get that off my back. Redundancy really bugs me.

Thinking in Code

November 29, 2009

Code Programming Scripts

Comments

I was at the store with my hubby when all of a sudden it came to me. I was having a problem with some CSS on a site I was working on. What could be the problem? I knew it had something to do with my nested DIVs but which one and where?

Using separate files for each part of the site and each part of each page on each site can be confusing sometimes. I customize any applications and websites that I code and this was no exception. I was changing things to spec on the fly and lost track of one stray tag.

I had designed my own theme to match an old design that was completely in ASP. I had to migrate it to WordPress and convert the database to fit into the WPbase MySQL and rewrite all the ASP to PHP. And also make it function the same. That meant hacking about 20 plugins, modifying and creating my own functions and really getting into the deep end of CSS because I was using a multi-column design and did not want to resort to tables within WordPress.

So I am going over each line of code in my head while shopping (What better time to do that?) then about 60 lines of code in I screamed out loud. “OhMyGaad! I put that DIV in the wrong file, I have it in two places!” I could not wait to get home. I had put a div in the main file and in the head by mistake.

I somehow think that my nerdy/geek husband was not too happy with my revelation. Or maybe it was the public outburst? It was a eureka moment what can I say. When inspiration hit – it hits.

Anyway — Fixed. I slept well that night.

Yes, I am geekgrrl and proud of it I was a nerd before nerds were multi-billionaires.

Now about that website job you need done. give me a call.

CSS – Wordpress Paging footer – Maroon 01

November 24, 2009

Code Programming Scripts

(Comments)

Please comment here to link to the site where you will use this theme. I do follow approved URLs

this theme is for the Wordpress plugin (that allows the display of numbered pages instead of the previous | next) found here by jenst.se

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { background-position: center left; background-repeat: repeat-x; padding: 0; margin: 0; border-style: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0px; word-spacing: 0px; font-size: 12px; font-family: Arial; color: white; font-weight: bold; }


#wp_page_numbers

{

 margin-top: 10px;

 width: 100%;

 border-color: white;

 border-width: 1px;

 border-style: dashed;

 background-position: center left;

 background-repeat: repeat-x;

 background-color: maroon;

 color: silver;

}
#wp_page_numbers ul

{

 width: 100%;

}
#wp_page_numbers li

{

 float: left;

 display: block;

}
#wp_page_numbers a

{

 padding: 6px;

 padding-left: 4px;

 padding-right: 4px;

 display: block;

}
#wp_page_numbers li a:hover

{

 text-decoration: underline;

 background-color: orange;

 color: #000;

}
#wp_page_numbers li.space

{

 padding: 6px;

}
#wp_page_numbers li.active_page a

{

 background-position: center left;

 background-repeat: repeat-x;

 padding: 6px;

 padding-left: 8px;

 padding-right: 8px;

 color: olive;

 font-size: 115%;

}
#wp_page_numbers li.active_page a:hover

{

 color: red;/* IE fix */

}