...

View Full Version : CSS3 buttons CONFLICTING WITH AUTOMATIC THUMBNAILS AND SUMMARY SCRIPTS



raman2572
05-12-2011, 02:51 PM
I AM BLOGGING @ www.lovejasica.blogspot.com .i will be very thankful if u solve a problem of mine:::;:

i am using a AUTOMATIC POST THUMBNAIL AND SUMMARY script.....and i want to use CSS read more button instead of a button.... check out the SCRIPT

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><a class='button small blue'>Click me!</a></a></span>

CHECKOUT CSS for readmore button
.button {
font-family: sans-serif;
font-weight:bold;
color: #fff;
padding:5px 10px 6px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
cursor: pointer;
}
.blue {
background:#0085cc;
background-image: -moz-linear-gradient(top,#0085cc,#00717f);
background-image: -webkit-gradient(linear,left top,
left bottom,from(#0085cc),to(#00717f) );
}
.blue:hover{background:#00717f

.small {font-size:12px;}
.medium{font-size:18px;}
.large{font-size:24px


now the problem is there is no link on READ MORE BUTTON pls checkout www.lovejasica.blogspot.com .i will be very thanful 2 u if u solve my probelm

teedoff
05-12-2011, 04:00 PM
In your html you dont set a link reference to another page or source. All you've done so far is create a class of "button small blue" on an anchor(<a>) tag.

You might do something like this:

<a href="myBlogFile.html" class="button">Click Me</a>

Not sure why you would need a class named "button small blue" either. Just "button" would work. It's always safe and good practice to NOT put spaces in any file names or naming conventions of any kind.

raman2572
05-12-2011, 04:26 PM
"button" "small" and "blue" are three stylesheets thats why i am using it.......actually i am trying use to this button for """continue reading""" button ...as you said i have to give it a link......i am confused about ...what link for """continue reading " button which expands post excerpts....checkout @ www.lovejasica.blogspot.com



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum