Well ever since our word wrap, I have had some problems getting the weblink button to show an image. I noticed that most everyone else had not done this either which is why I set out to figure the problem out.
As you can see from this white water rafting in california website, I was able to solve the problem without editing the XSL file. Below is the css involved in creating this weblink image.
First I set out to make the container box, this allows the whole image to be clicked on as a link. Next I floated it right and positioned it so it was centered. I added a clear border (assuming your page has a white background). Next, I through in a non repeating image. And Finally tossed all of the weblink text to the left (so that the search engines still read it).
Hope this Helps,
Jeff
#webLinkTop {width:380px;
height:200px;
float:right;
position:relative;
left:-30px;
border: 2px solid #fff;
padding:1em;
background-image:url('/images/weblink.jpg');
background-repeat:no-repeat;
}
#webLinkTop h2{
position:relative;left:-99999px; height:220px;
}
I worked on a web build today, and threw in some collapsing divs to show and hide the contact form. The website is for an electrician company based in northern california and is a great example of how to take a website to the next level, without alot of work.
Once you have jquery installed, simply link to it through your html file. Now link to a blank js file and start writing your own scripts based on the functionality of jquery.
Here is the code I used.
$(document).ready(function() {
$('#contactBody').hide();
$('#contactForm').hide();
$('a#clickShow').click(function() {
$('#contactBody').slideDown(500);
$('#contactForm').slideDown(650);
$('#contentBody').slideUp(500);
//$('#footer').slideUp('fast');
return false;
});
$('a#clickHide').click(function() {
$('#contactBody').slideUp(600);
$('#contactForm').slideUp(450);
$('#contentBody').slideDown(600);
//$('#footer').slideDown('fast');
return false;
});
});
Let's face it, most people are satisfied with their lives. But not everyone wants to be where they are for the rest of their lives. Everyone dreams of being able to just get away. Leave your wife and kids, leave your job, just get away. But, not everyone has the money to do it.
Allow me to introduce you to the newest website we are working on. It is a way for you to get rich, while you continue working at your normal job. Yes, this is secondary residual income. No one will have to know, you can simply start saving money for that moment to just get away. To get out and be free from your constrained lifestyle.
Check out the new development, and keep on trollin' on.
Since I started working here, we have been concentrating on making website rank better. Now it seems, to reduce customer complaint calls and since we have pretty much made ranking an efficient process, we are making websites look more professional. We are still using the timberlake, I really think we could impress people if we were allowed to just go crazy and do what ever we wanted to do with the sites. Either way the websites we are making now look great. We have images in the content, some are products with prices. Overall quality of the websites that we are making are getting much better, and it makes it more fun to work. Doing reworks are getting more interesting as well. People have their own creative niches, and I do enjoy exploring those.
Look at this example I did recently for a photography company, and think of how it would like with no images.. It would be empty.
The most fun I have had here in a couple weeks involved me bashing on some techi that was promoting IE over Firefox for ease of web editing. I have enjoyed taking a break from the drone of content writing to answer a few questions. Most of them are not trivial, just simple things like "what happens if I throw a toaster in a pond", "what kind of gas is best for my v8", but there are some really odd questions asked. For example a 13 year old girl was contemplating suicide because people kept teasing her for her weight. Touchy stuff, but in the end you know that someone probably made her feel better. Another amazing thing I have found, is that not a lot of people go for the quick jabs. The two word responses like "your fat" or something to the similar. Perhaps Yahoo implemented a security feature, or maybe their point system looks down on that kind of behavior. Interesting to say the least. I have worked on a few different websites that have used this new SEO technique, one was a pretty cool website talking about the best MLM in the world.
In order to correctly design, it is important that you take a few breaths here and there so that you can think straight. Eating breakfast in the morning, and truly enjoying your breaks allow you to free your mind, and get you in the mood to think straight.
I found that mints help a lot, when my mind is feeling cluttered. I keep a can of mints near me at all times. And when I have a brain fart, I stop thinking and I eat a mint. The mint allows me to step away from the project at hand, so that I can truly think about what I need to do, and how I need to do it.
I have already eaten three mints, just writing this thing.
Oh, coffee helps too. I find; however, that I need a constant supply of it. Otherwise I will crash a couple of hours later.
Check out one of my mint-induced websites I made earlier today. It is a health insurance company based in Maine.
I incorporated a pretty cool header design for a Silk Road Sculptures Website
The code basically causes the image to fade out into another image. All I did was make five different images that had the same border and text, then faded each image out over each other to make a kinda sideshow effect. Nothing snazzy but it adds a little more to the website.
In other news, it is Friday the 13'th. Best watch yourself.
Yes, Cascading Style Sheets, I remember the day I was introduced to them. My repetitious days of coding colors and fonts into html were over. Well over the past week or so, I have been delving into CSS more often than not, and it has been bring back fond memories. For instance I was working a website for a Photography Business, and decided to hang a camera off of the side. So I had to offset the image and then bring the title up over it. Here is the code I used.
margin-left:-68px; margin-top: -8px; height: 230px
This moves the header image over and up so that it covers the original border of the table. I also reduced the height so that the tables underneath would climb up. Allowing the text to appear as though it is laying on top, or even embedded into the image.
Today is Employee appreciation day, and I must say I am enjoying the free Cappuccinos. They have over 13 different flavors, but that is kind of a lie. It seems to me that they only have about 4 different flavors, and then a combination of those to make about 13 flavors total.
I was working on a header image for a website a couple of days ago. The original site had a bright orange and pink flaming background and header image. So I updated it a little bit, it is a great improvement over they original. But if I had more time to think about color schemes I think I could make it much better.
Either way, I am enjoying the design part of this job more than I have ever enjoyed design before. Design is normally such a bothersome thing for me, I have always thought that I just did not have the eye for designing patterns that are appealing to others. But maybe that is changing.
