This is a read-only archive of the old Scratch 1.x Forums.
Try searching the current Scratch discussion forums.

#1 2011-07-21 00:17:28

GP1
Scratcher
Registered: 2009-07-06
Posts: 1000+

New CSS design for Kitcat website

Kitcat has a new site (that we are happy with) and it has a dreign (that we aren't happy with). Could any body suggest a design? The site is in my sig


I am currently http://blocks.scratchr.org/API.php?user=GP1&action=onlineStatus&type=imagehttp://blocks.scratchr.org/API.php?user=GP1&action=onlineStatus&type=text and I finally got over 1000 posts.

Offline

 

#2 2011-07-21 03:40:00

WindowsExplorer
Scratcher
Registered: 2011-02-25
Posts: 1000+

Re: New CSS design for Kitcat website

Cool! How did you create that website? Can I have the soure?


http://i.imgur.com/H6LLdnK.pnghttp://i.imgur.com/VYuD7BY.png

Offline

 

#3 2011-07-21 05:07:43

fanofcena
Scratcher
Registered: 2008-07-03
Posts: 1000+

Re: New CSS design for Kitcat website

GP1 wrote:

Kitcat has a new site (that we are happy with) and it has a dreign (that we aren't happy with). Could any body suggest a design? The site is in my sig

i CAN write CSS whichever way  u ^_^ feel free to use my services , just gimme a theme  tongue


http://i53.tinypic.com/2vxr2c0.png Click whats above u might make a cute planet happy ^_^

Offline

 

#4 2011-07-21 05:12:15

ssss
Scratcher
Registered: 2007-07-29
Posts: 1000+

Re: New CSS design for Kitcat website

I prefer the theme on:
www.cyberkidscountry.com/hosting/tc

What do you think, foc?


Hey.  It's me SSSS, back from the dead!  smile

Offline

 

#5 2011-07-21 05:17:31

fanofcena
Scratcher
Registered: 2008-07-03
Posts: 1000+

Re: New CSS design for Kitcat website

fanofcena wrote:

GP1 wrote:

Kitcat has a new site (that we are happy with) and it has a dreign (that we aren't happy with). Could any body suggest a design? The site is in my sig

@GP1 would u guys like to use my chat software for your website ? a demo is available at http://chats.ws/ ? its free to use + will reduce ur server overhead as my dedicated server will be handling it .


Now coming back to to the topic check this out :  http://dev.opera.com/articles/view/beautiful-ui-styling-with-css3-text-shadow-box-shadow-and-border-radius/

its a nice collection of CSS buttons / Div backgrounds that really look amazing , morever you might wanna use the new CSS 3 animations to make ur website more AMAZING!

i think keeping Win7 in mind why not try a full GLASS LIKE website ? i mean in which everything looks like on a glass ??

a simple glass code

Code:

div {
   width: 100px;
   height: 100px;
   margin: 10px;
   padding: 0;
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: rgba(0,0,0,0.25);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

will make all the divisions on your website look like glass panels on that u can have Custom CSS Buttons with transitions

Code:

button{
background:rgba(255,255,255,0.4);
color:#000;
text-shadow: 0 0 0.2em #ccc,0 0 0.2em #ccc;
border-radius:10px;
-webkit-transition:background 0.9s ease-in;  
               -moz-transition:background 0.9s ease-in;  
            -o-transition:background 0.9s ease-in;  
           transition:background 0.9s ease-in;
}
button:hover{
background:rgba(255,255,255,0.8);
border-color:rgba(118,255,255,0.8);
}
button:active{
background:rgba(0,0,0,0.8);
border-color:rgba(255,255,0,0.8);
}

theres too much SCRIPT/CSS that can do 8-) feel free to use my services for free  smile


http://i53.tinypic.com/2vxr2c0.png Click whats above u might make a cute planet happy ^_^

Offline

 

#6 2011-07-21 05:18:48

fanofcena
Scratcher
Registered: 2008-07-03
Posts: 1000+

Re: New CSS design for Kitcat website

ssss wrote:

I prefer the theme on:
www.cyberkidscountry.com/hosting/tc

What do you think, foc?

either a broken link / or i am banned on 1 more site!


http://i53.tinypic.com/2vxr2c0.png Click whats above u might make a cute planet happy ^_^

Offline

 

#7 2011-07-21 05:27:35

ssss
Scratcher
Registered: 2007-07-29
Posts: 1000+

Re: New CSS design for Kitcat website

O lol, thats old link new one: www.cyberkidscountry.com/hosting/tcc


Hey.  It's me SSSS, back from the dead!  smile

Offline

 

#8 2011-07-21 05:42:12

fanofcena
Scratcher
Registered: 2008-07-03
Posts: 1000+

Re: New CSS design for Kitcat website

ssss wrote:

O lol, thats old link new one: www.cyberkidscountry.com/hosting/tcc

dont u think thats too basic ? i mean put my code in place and write a page u will find out urself  wink  mine looks DIFFERENT! and CATCHY!


http://i53.tinypic.com/2vxr2c0.png Click whats above u might make a cute planet happy ^_^

Offline

 

#9 2011-07-21 05:43:15

ssss
Scratcher
Registered: 2007-07-29
Posts: 1000+

Re: New CSS design for Kitcat website

fanofcena wrote:

ssss wrote:

O lol, thats old link new one: www.cyberkidscountry.com/hosting/tcc

dont u think thats too basic ? i mean put my code in place and write a page u will find out urself  wink  mine looks DIFFERENT! and CATCHY!

Can you put it on an example site?  My pc is being slow  sad


Hey.  It's me SSSS, back from the dead!  smile

Offline

 

#10 2011-07-21 05:44:57

fanofcena
Scratcher
Registered: 2008-07-03
Posts: 1000+

Re: New CSS design for Kitcat website

ssss wrote:

fanofcena wrote:

ssss wrote:

O lol, thats old link new one: www.cyberkidscountry.com/hosting/tcc

dont u think thats too basic ? i mean put my code in place and write a page u will find out urself  wink  mine looks DIFFERENT! and CATCHY!

Can you put it on an example site?  My pc is being slow  sad

wait putting it ... (Yawn I am too lazy when it comes to work but u making me do now .. btw use Chrome / FIREFOX for best performance)


http://i53.tinypic.com/2vxr2c0.png Click whats above u might make a cute planet happy ^_^

Offline

 

#11 2011-07-21 05:46:53

ssss
Scratcher
Registered: 2007-07-29
Posts: 1000+

Re: New CSS design for Kitcat website

fanofcena wrote:

ssss wrote:

fanofcena wrote:


dont u think thats too basic ? i mean put my code in place and write a page u will find out urself  wink  mine looks DIFFERENT! and CATCHY!

Can you put it on an example site?  My pc is being slow  sad

wait putting it ... (Yawn I am too lazy when it comes to work but u making me do now .. btw use Chrome / FIREFOX for best performance)

I do... I use firefox / chrome when a site recommends using it for that game.  I use chrome for the apps (ANGRY BIRDS  big_smile  )


Hey.  It's me SSSS, back from the dead!  smile

Offline

 

#12 2011-07-21 05:58:53

fanofcena
Scratcher
Registered: 2008-07-03
Posts: 1000+

Re: New CSS design for Kitcat website

This is what i wanted to say .. maade it in record 10 minutes! lol
my nxt web project < this has tons of the effects i am saying
hover ur mouse over the links  wink  see they change slowly (NO JAVASCRIPT INVLOVLED)
CLICK EM  wink  enjoy the transitions
Click the click here text box in the center of the screen  wink  ... basically all that explains what i  wanted to say  tongue


On the second one :: GOogle chrome wont work as well as firefox due to some unkown reason.

Last edited by fanofcena (2011-07-21 06:10:00)


http://i53.tinypic.com/2vxr2c0.png Click whats above u might make a cute planet happy ^_^

Offline

 

Board footer