Please login or register.

Login with username, password and session length
Advanced search  

News:

You need/want an older version of sNews ? Download an older/unsupported version here.

Author Topic: sNews Button in CSS  (Read 4052 times)

albert

  • Sr. Member
  • ****
  • Karma: 0
  • Posts: 405
    • http://www.oswt.co.uk/
sNews Button in CSS
« on: November 07, 2005, 01:32:56 PM »

Hi

here is my sNews button in CSS

Full xhtml css code here:

Code: [Select]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta http-equiv="Content-Language" content="English">
<meta name="Distribution" content="Global">
<meta name="Author" content="Solucija.com (info@solucija.com)">
<meta name="Robots" content="index,follow">

<meta name="Description" content="Information architecture, Web Design, Web Standards">
<meta name="Keywords" content="web, information, architecture, css, templates, free, cms, news, publishing, blog, snews, xhtml, standards">


<style type="text/css">
<!--

.w3cbutton5 {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 55%;
  font-weight: bold;
}
.w3cbutton5 a {
  display: block;
  width: 100%;
}
.w3cbutton5 a:link,
.w3cbutton5 a:visited,
.w3cbutton5 a:hover {
background-color: #5BB1E6;
color: #FFF;
text-decoration: none;
}
.w3cbutton5 a:link,
.w3cbutton5 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton5 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton5 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

 -->
</style>

<title>Solucija | What's your solution?</title>

</head>
<body id="home">

<div class="w3cbutton5">
  <a href="http://www.solucija.com/" title="sNews 1.3">
    <span class="w3c">1.3.0</span>
    <span class="spec">sNews :)</span>
  </a>
</div>

</body></html>


hope ya like it

Albert
« Last Edit: February 15, 2011, 06:13:06 PM by Keyrocks »
Logged
Albert
http://snews.awddesign.co.uk/snews/ site: v1.3
http://snews.awddesign.co.uk/           site: v1.2 http://www.awddesign.co.uk/
“Putting together the largest collection of sNews 1.5 designs. Coming very soon :)

bryn

  • Hero Member
  • *****
  • Karma: 2
  • Posts: 934
    • http://www.cssugly.com
sNews Button in CSS
« Reply #1 on: November 07, 2005, 04:58:05 PM »

hehe, I found something similar too a while ago searching for an RSS button maker.

I'll be sure to use yours when I go live with the next version Albert..thanks.

perhaps we should all use this as standard..keep the unifomity and all?

cheers!
Logged
Over 1,000 posts of joy, sNews is not only brilliant, but fun too! thanks guys :D

albert

  • Sr. Member
  • ****
  • Karma: 0
  • Posts: 405
    • http://www.oswt.co.uk/
sNews Button in CSS
« Reply #2 on: November 07, 2005, 05:55:43 PM »

Hi Bryn

you are welcom

If you need buttons like this I have lots, always handy to have.
But I never seem to get to use them on cilents sites.

off to Tescos... need milk for my tea.

Albert

Quote from: bryn
hehe, I found something similar too a while ago searching for an RSS button maker.

I'll be sure to use yours when I go live with the next version Albert..thanks.

perhaps we should all use this as standard..keep the unifomity and all?

cheers!
Logged
Albert
http://snews.awddesign.co.uk/snews/ site: v1.3
http://snews.awddesign.co.uk/           site: v1.2 http://www.awddesign.co.uk/
“Putting together the largest collection of sNews 1.5 designs. Coming very soon :)

Luka

  • Administrator
  • ULTIMATE member
  • ******
  • Karma: 36
  • Posts: 1716
    • http://www.snewscms.com
sNews Button in CSS
« Reply #3 on: November 07, 2005, 06:01:52 PM »

The button is awsome  ;D
Logged

bryn

  • Hero Member
  • *****
  • Karma: 2
  • Posts: 934
    • http://www.cssugly.com
sNews Button in CSS
« Reply #4 on: November 07, 2005, 07:10:20 PM »

@ Albert

Tescos? me too..need rabbit [sig line]..only kidding!! :) prefer to shop Monday nights, can't abide the weekend queing, and granny trolley dash.

thanks for this ;)
Logged
Over 1,000 posts of joy, sNews is not only brilliant, but fun too! thanks guys :D

ketut

  • Full Member
  • ***
  • Karma: 0
  • Posts: 115
    • Book Bali Hotels
sNews Button in CSS
« Reply #5 on: January 02, 2006, 09:26:54 AM »

 ;D