YAFLogo

tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
I am Currently Creating a Skin with CSS3 Features, for example Buttons without Images, and round Corners and CSS Gradients

Currently it Contains 6 Different Color Versions (Black, Blue, Green, Grey, Orange and Red Version)

...See The Screenshots

UserPostedImage

UserPostedImage

UserPostedImage

UserPostedImage

UserPostedImage

UserPostedImage

UserPostedImage

UserPostedImage

All ToolTips are skinned

UserPostedImage

Download

http://www.watchersnet.de/Downloads/tabid/53/rrcid/51/rrscid/57/rreid/394/rrpid/1/rrepp/10/Default.aspx 

Sponsor
bbobb
  • bbobb
  • 100% (Exalted)
  • YAF Developer
14 years ago
Looks promising, but don't forget that CSS3 is not really supported by the bulk of browsers.

http://acid3.acidtests.org/ 

tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
I know that the problem browser is always the Internet Explorer.

But i write the css for all Browsers to make it legacy Compatible, only the round corners where not visible

PS: My Browser shows 100/100 in acid test :cheesy:

tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
My Green-Grey Theme is now ready for Download

http://www.watchersnet.de/Downloads/tabid/53/rrcid/51/rrscid/57/rrpid/1/rrepp/10/Default.aspx 

See the First Post for Updated Screenshots

bbobb
  • bbobb
  • 100% (Exalted)
  • YAF Developer
14 years ago
Just a notion.

Your rounded corners are not visible in IE and Safari:cry:.

Some tooltips don't work.

You'll never get a cross-browser skin without images as borders.

Really, it could be cool to have a possibility to implement complex borders with rounded corners, but it's impossible without images.

And the image links should be in css files somehow to provide skins support.

Maybe Jaben knows how to make it smart.

YAF doesn't have many skins, and it would be possible to make cool skins.

tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
Hmh but for me it works in safari

UserPostedImage 

I used webkit properties which safari understands.

For IE there are two solution

1. Use Images

2. Use jquery Plugin without images (But i don´t know if its possible to attach JS to a Theme)

3. Or Wait for IE9 Which already supports the border-radius feature 😁

Can You tell which Tooltips doesnt work, so i can fix it?

Jaben
  • Jaben
  • 100% (Exalted)
  • YAF Developer
14 years ago

Hmh but for me it works in safari

UserPostedImage 

I used webkit properties which safari understands.

For IE there are two solution

1. Use Images

2. Use jquery Plugin without images (But i don´t know if its possible to attach JS to a Theme)

3. Or Wait for IE9 Which already supports the border-radius feature 😁

Can You tell which Tooltips doesnt work, so i can fix it?

tha_watcha wrote:

Looks great, the_watcha! 👍 If you don't mind, I'd like to include it with final. As of RC2, themes support adding JS. Take a look at the cleanSlate JS in the latest release.

bbobb
  • bbobb
  • 100% (Exalted)
  • YAF Developer
14 years ago

Hmh but for me it works in safari

Can You tell which Tooltips doesnt work, so i can fix it?

tha_watcha wrote:

You're right, I had the damn problem, when Safari caches some things.

UserBox doesn't work, you can look a herman_herman commit a long time ago to find out how it can be fixed.

RSS links images are not displayed.

In all other ways it looks IMHO gut. 🙂

tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago

If you don't mind, I'd like to include it with final.

Yes great idea, i have no problem to share the skin. But i will make some other colors like blue, red and orange.

If you don't mind, I'd like to include it with final. As of RC2, themes support adding JS. Take a look at the cleanSlate JS in the latest release.

Yes thx i found it looks like the jquery plugins doesnt work with the tables. That leaves it to the Images solution which takes some time.

UserBox doesn't work, you can look a herman_herman commit a long time ago to find out how it can be fixed.

I found it, and the UserBox is now also skined. See the 3th Screenshot in the First Post :cheesy:

RSS links images are not displayed.

Fixed Skin is Updated to Version 1.01

bbobb
  • bbobb
  • 100% (Exalted)
  • YAF Developer
14 years ago
Take notice on missing male.gif and female.gif images. They are used to display a user gender icon in userbox(if enabled).
tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
Themes-ColorGrey 1.02

- Added Missing Gender Icons

- Added Blue Version

Download 

http://www.watchersnet.de/Service/Forum.aspx 

Here is a Preview of next version. All Standard Tooltips are skinned now (Not for IE)

UserPostedImage

tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
Themes-ColorGrey 1.03

- Added Black Version

- Added Grey Version

- Added Orange Version

- Added Red Version

- All standard ToolTips of Links, Images and Buttons are skinned with jQuery Plugin TipTip (Not for MSIE)

Download 

UserPostedImage

P.S: I currently gave up on the Round Corner Solution for IE, it works with jquery but its to slow to transform all elements.

herman_herman
14 years ago
Really nice job.Thanks
tha_watcha
  • tha_watcha
  • 100% (Exalted)
  • YAF.NET Project Lead 🤴 Topic Starter YAF Version: 4.0.1 BETA
14 years ago
Themes-ColorGrey 1.05

UserPostedImage

- Reworked The Skin Collection Much much cleaner look Now :cheesy:

- I Dropped Most of the Dark Grey Colors and i replaced them with White

- Some New Icons

Download 

Online Version Here

http://www.watchersnet.de/tabid/52/WatchersNET%20Forum.aspx 

Kamyar
  • Kamyar
  • 100% (Exalted)
  • YAF Developer
14 years ago

Themes-ColorGrey 1.05

UserPostedImage

- Reworked The Skin Collection Much much cleaner look Now :cheesy:

- I Dropped Most of the Dark Grey Colors and i replaced them with White

- Some New Icons

Download 

Online Version Here

http://www.watchersnet.de/tabid/52/WatchersNET%20Forum.aspx 

tha_watcha wrote:

Love it. Thanks for sharing.


If at first you don’t succeed, call it version 1.0