LiveGraphics

środa, 5 czerwca 2013

No więc BIG COMEBACK

no to ten jak wspomniałem zaczną sie wakację i wróce , tak też się stało narazie nie mam natchnienia i wypadłem z wprawy ale jak mi coś podpowiecie , czego potrzebujecie i wgl to napewno pomoge ;) przy okazji moje konto aceboy niestety hm.. zapomniałem chasła a meila kiedyś tam sprzedałem więc poszło się jebać . nowe konto

http://poszkole.pl/strona/30164591

narazie takie samo jak stare w sumie ale z czasem to zmienię:)

piątek, 25 stycznia 2013

ask

http://ask.fm/Puhatekq

sobota, 1 grudnia 2012

coś nowego?

nie mam juz pomysłów xd.
a wy mcie jakieś ?
co byście chcieli ? xd

Te nowe wiadomości na ps poprawka.

Hmm to pierwsze u góry to jak wiecie tak wygląda w zwykłym menu a niektórzy nadal z niego korzystają ..

<style>

ul#menu li#new_m {
background: transparent;
border:0px ;}
</style>

prosze.

piątek, 30 listopada 2012

"POSZKOLE" inna nazwa w zakładce...

trudno wytłumaczyć efekt poprostu wejdź tu i zobacz xd .

punkt 2 pokazuje jak normalnie wygląda nazwa zakładki
natomiast punk 1 to hmm , ogólnie ten kod zmienia nazwę zakładki
eh porostu wpiszcie to co chcecie żeby się wyświetlało w tych dwóch polach na niebiesko i co chwile to będzie się zmieniać

<script>var a1 = "AceBoy.";var a2 = "Corporation.";;var delay = 2000;b1();function b1() { ID = setTimeout("b2()", delay); document.title = (a1);}function b2() { ID = setTimeout("b1()", delay); document.title = (a2);}</script>

Zaokrąglone pole tekstowe do pisania komentarzy..

sobota, 24 listopada 2012

Brak "dodaj komentarz" w ścianie

wtorek, 20 listopada 2012

"dock menu"

Siema nowe menu , "dock menu"

wysuwane od dołu z animacją ikon ...

<div id="Dock" class="rotate">
<a class="link główna" href="http://poszkole.pl/strona/"></a>
<a class="link przyjaciele" href="http://poszkole.pl/przyjaciele"></a>
<a class="link grupy" href="http://poszkole.pl/grupy"></a>
<a class="link wiadomości" href="http://poszkole.pl/wiadomosci"></a>
<a class="link alerty" href="http://poszkole.pl/profil"></a>
<a class="link inne" href="XXX"></a>
</div>
<style>
#Dock{
position:fixed;
bottom:0px;
left:25%;
height:0px;
width:670px;
padding:0 10px;
border-radius:6px;
background: rgba(154,147,147,1);
-webkit-box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.4);
-moz-box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.4);
box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.4);
}
#Dock:hover{
height:40px;
-webkit-transition-duration: 0,1s;
}
.link{
position:relative;
bottom:60px;
width:100px;
height:100px;
display:block;
float:left;
background-position:bottom;
margin:5px;
background:#0F9;
-webkit-transition:all 0.60s linear 0s;
-moz-transition:all 0.60s linear 0s;
-o-transition:all 0.60s linear 0s;
-ms-transition:all 0.60s linear 0s;
transition:all 0.60s linear 0s;
}
.rotate .link:hover{
background-size:100px;
background-position:top;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition:all 0.60s linear 0s;
-moz-transition:all 0.60s linear 0s;
-o-transition:all 0.60s linear 0s;
-ms-transition:all 0.60s linear 0s;
transition:all 0.60s linear 0s;
}
.zoom .link:hover{
background-size:100px;
background-position:bottom;
-webkit-transition:all 0.60s linear 0s;
-moz-transition:all 0.60s linear 0s;
-o-transition:all 0.60s linear 0s;
-ms-transition:all 0.60s linear 0s;
transition:all 0.60s linear 0s;
}
.główna{
background:url(http://i49.tinypic.com/2mwgub8.png) center no-repeat;
}
.przyjaciele{
background:url(http://i45.tinypic.com/2625cfd.png) center no-repeat;
}
.grupy{
background:url(http://i46.tinypic.com/fmtmar.png) center no-repeat;
}
.wiadomości{
background:url(http://i48.tinypic.com/wjc75f.png) center no-repeat;
}
.alerty{
background:url(http://i49.tinypic.com/2virpk4.png) center no-repeat;
}
.inne{
background:url(http://aux4.iconpedia.net/uploads/99893345.png) center no-repeat;
}
</style>

no ok jak chcecie tam mieć swojego fejsa to poprostu wstawcie to niego link tam gdzie jest na żółto a jak nie to usuńcie to na czerwono :)

to samo co ja mam na stronce

sobota, 17 listopada 2012

Nowe Menu

hej sorry ze mnie dlugo nie bylo ,
nudzilo mi sie teraz chwilke to zrobilem jakies proste menu ...

erm wygląda to prosto :
mówię o tym menu na górze , hmm co jest w nim nowego ?? ta pomarańczowa linia to jest tak jak by animacja przesuwa się w raz z myszką :) zamiast się nagle pojawiać .

<div class="nav-wrap">
<ul class="group" id="example-one">

<li class="current_page_item"><a href="/strona">Strona</a></li>
<li><a href="http://poszkole.pl/strona/komponenty">Komponenty</a></li>
<li><a href="http://poszkole.pl/przyjaciele">Przyjaciele</a></li>
<li><a href="http://poszkole.pl/klasy">Klasy</a></li>
<li><a href="http://poszkole.pl/grupy">Grupy</a></li>
<li><a href="http://poszkole.pl/galerie/">Zdjęcia</a></li>
<li><a href="http://poszkole.pl/wiadomosci">Privy</a></li>
<li><a href="http://poszkole.pl/profil">Alerty</a></li>
</ul>
</div>
<style>
.nav-wrap { margin: 50px auto;
position: fixed;
top: 0px;
left: 510px; }
#example-one { margin: 0 auto; list-style: none; position: relative; width: 960px; }
#example-one li { display: inline; }
#example-one li a { color: #bbb; font-size: 14px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; }
#example-one li a:hover { color: white; }
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }
</style>
<script>
$(function() {

var $el, leftPos, newWidth,
$mainNav = $("#example-one");

$mainNav.append("<li id='magic-line'></li>");
var $magicLine = $("#magic-line");

$magicLine
.width($(".current_page_item").width())
.css("left", $(".current_page_item a").position().left)
.data("origLeft", $magicLine.position().left)
.data("origWidth", $magicLine.width());

$("#example-one li a").hover(function() {
$el = $(this);
leftPos = $el.position().left;
newWidth = $el.parent().width();
$magicLine.stop().animate({
left: leftPos,
width: newWidth
});
}, function() {
$magicLine.stop().animate({
left: $magicLine.data("origLeft"),
width: $magicLine.data("origWidth")
});
});
});
</script>

kolor lini
kolor tekstu

środa, 31 października 2012

Wysuwane okienko ...

przed i po najechaniu

OPOWIADANIA NA BLOGI ! KOD

SIEMA !
wiem że niektórzy piszą opowiadania zamieszczają linki do bloga itp..
a co powiecie na opowiadania na ps !? po co blog..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body {
   font: small/1.2 Arial, Helvetica, sans-serif; }
#accordion {
   width: 500px;
   margin: 100px auto; }
#accordion div {
   float: left;
   width:25%;
   height: 300px;
   overflow: hidden;}
#accordion:hover div {
   width: 20px; }
#accordion:hover div:hover {
   width: 440px;
   overflow: auto; }

#spring {
   background-color: #CCFF99; }
#summer {
   background-color:#FF6633; }
#autumn {
   background-color: #FFCC00; }
#winter {
   background-color:#99FFFF; }
h1 {
   font-size: 150%;
   margin: 10px 10px .2em 25px; }
p {
   margin: 1em 25px; }
</style>
</head>
<body>
   <div id="accordion">
      <div id="spring">
         <h1>TYTUŁ 1</h1>
         <p>Spring begins in the northern hemisphere around the months of March, April, May, or as reckoned astronomically extending from the vernal equinox. As in summer, the axis of the Earth is tilted toward the Sun and the length of daylight rapidly increases. The northern hemisphere begins to warm significantly causing new plant growth to "spring forth," giving the season its name. Snow begins to melt and streams swell with runoff and spring rains. Most flowering plants bloom this time of year, in a long succession sometimes beginning even when snow is still on the ground, and continuing into early summer. In normally snowless areas "spring" may begin as early as February during warmer years, with subtropical areas having very subtle differences, and tropical ones none at all. Subarctic areas may not experience "spring" at all until May or even June, or December in the outer Antarctic.</p>
         <p>Severe weather most often occurs during the spring, when warm air begins to invade from lower latitudes while cold air is still pushing from the polar regions. Flooding is also most common in and near mountainous areas during this time of year because of snowmelt, many times accelerated by warm rains. In the United States, Tornado Alley is most active by far this time of year, especially since the Rocky Mountains prevent the surging hot and cold air masses from spreading eastward and instead force them directly at each other. Besides tornadoes, supercell thunderstorms can also produce dangerously large hail and very high winds, for which a severe thunderstorm warning or tornado warning is usually issued. Even more so than winter, the jet streams play an important role in severe weather in the springtime.</p>
      </div>
      <div id="summer">
         <h1>Tytuł2</h1>
         <p>The seasons are considered by some Western countries to start at the equinoxes and solstices, based on astronomical reckoning. In North American-printed English-language calendars, based on astronomy, summer begins on the day of the summer solstice and ends on the day of the autumn equinox. When it is summer in the Southern Hemisphere, it is winter in the Northern Hemisphere, and vice versa.</p>
         <p>But, because the seasonal lag is less than 1/8 of a year (except near large bodies of water), the meteorological start of the season, which is based on average temperature patterns, precedes by about three weeks the start of the astronomical season. According to meteorology, summer is the whole months of December, January, and February in the Southern Hemisphere, and the whole months of June, July, and August in the Northern Hemisphere. This meteorological definition of summer also aligns with commonly viewed notion of summer as the season with the longest (and warmest) days of the year, in which the daylight predominates, through varying degrees. The use of astronomical beginning of the seasons means that spring and summer have an almost equal pattern of the length of the days, with spring lengthening from the equinox to the solstice and summer shortening from the solstice to the equinox, while meteorological summer encompasses the build up to the longest day and decline thereafter, so that summer has many more hours of daylight than spring.</p>
         <p>Today, the meteorological reckoning of the seasons is used in Australia, Denmark, the former USSR and by many people in the United Kingdom, but the astronomical definition is still more frequently used in the United States.</p>
      </div>
      <div id="autumn">
         <h1>Tytuł3</h1>
         <p>Autumn (also known as fall in North American English) is one of the four temperate seasons. Autumn marks the transition from summer into winter. In the northern hemisphere, the start of autumn is generally considered to be around September, and in the southern hemisphere, its beginning is considered to be around March. There exist, however, different definitions of autumn, some of which are based on the months of the year while others are based on the equinox and solstice.</p>
         <p>During autumn, deciduous trees shed their leaves. Leaves change to a yellowish, reddish or brownish hue before falling. Such coloured leaves have come to be colloquially called "fall foliage" in North America. In temperate zones, autumn is the season during which most crops are harvested. It is also the season during which days get shorter and cooler and the nights get longer.</p>
      </div>
      <div id="winter">
         <h1>Tytuł4</h1>
         <p>Winter is one of the four seasons of temperate zones. North American calendars go by astronomy and state that winter begins on the winter solstice and ends on the vernal equinox. Calculated meteorologically, it begins and ends earlier (typically at the start of the month with the equinox or solstice) and is the season with the shortest days and the lowest temperatures. Either way, it generally has cold weather and, especially in the higher latitudes or altitudes, snow and ice. The coldest average temperatures of the season are typically experienced in January in the Northern Hemisphere and in July in the Southern Hemisphere.</p>
      </div>
      <div style="float: none; clear: both; height: 0;"> </div>
   </div>

</style>

błękitne to tekst który sobie ustawiacie.. a to </p> to jest nowy paragraf ..

em wygląta to tak ..

widzicie troche każdego .. a po najechaniu

pokazuje się całość najechanego .. :)

sobota, 27 października 2012

Rozwijany tekst po najechaniu !

Siema !
nowy kodzik :),

hmm coś w stylu że klikniesz na "coś"
a pojawi się tekst wygląda to tak :

1. to hmm wyświetla się na stronce
2.efekt po kliknięciu w to pierwsze :)

Obramowanie pola tekstowego w ścianie XD & mini menu

obramowanie:
<style>input#postMessage.input-a.label {background: transparent; border-left:red 1px dashed;border-right:red 1px dashed;border-top:blue 1px solid;border-bottom:blue 1px solid;}</style>
To na czerwono możecie zmienić xd
jak to wygląda:

mini menu: <h2>Mini menu.</h2>
<div class="blockContent">
<select onchange="self.location.href = this.value">
<option VALUE="/strona">Strona</option>
<option VALUE="/przyjaciele">Przyjaciele</option>
<option VALUE="/klasy">Klasy</option>
<option VALUE="/grupy">Grupy</option>
<option VALUE="/galerie">Galerie</option>
<option VALUE="/profil">Profil</option>
</select>
</div>

jak to wygląda:

DrixBot

piątek, 26 października 2012

zmiana koloru i czcionki tam gdzie sie pisze w ścianie xd

czwartek, 25 października 2012

Wysuwane Sondy

tak jak ktoś prosił ...
jak chcecie coś w nich poszczególnego ulepszyć to piszcie bo się spieszyłem ..
<style>
.mypoll {
background: #090000;
padding: 0px 0px;
position: fixed;
left: -330px;
bottom: 20px;
}
.mypoll:hover {
background: #090000;
left: -10px;
-webkit-transition-duration: 0,1s;
}
.psform {
margin-bottom: 0px;
}
</style>

kolor tła przed najechaniem
kolor tła po najechaniu

ee łączone stronka ?

było już ..

<style>
#sort2 {
margin-right: 21px;
width: 658px;
margin-left: 0px;
float: right;
}

#sort1 {
width: 270px;
margin-left: 19px;
margin-right: 0px;
float: left;
}
</style>

aktualna wielkość sortu 1 i 2 ...

po zmienieniu wielkości do waszych zapotrzebowań zmieńcie to sobie po prostu tak żeby strona się łączyła ..

hmm jak wkleicie tak jak jest teraz to będzie dobrze ..ale np wielkość sortów może wam nie odpowiadać więc tak jak już napisałem zmieńcie sobie je a potem to dostosujcie..

i wcale nie musicie się znać .. po prostu zmieńcie liczby minimalnie i sami obaczcie co idzie w która strona

a metodą błędów i popraw w ciągu pół minuty sami do tego dojdziecie,,,

Gotowa Stronka..

Hmm tak patrze patrze i znalazłem takie coś , kiedyś to robiłem ;d
co mylicie o tym ? może być ?

mógł bym na to opublikować kodzik :3 oczywiście zmienili byście sb zdjęcia wpisy itp xd
5/10 komów i myślę że wam to dam ...

wtorek, 23 października 2012

Nowe Kody

dobra było kilka dni przerwy bo nie wiem jakie kody robić więc zróbmy tak , jak będzie pisal kody a wy dawajcie mi na nie pomysł ! myślę że rezultat bd taki że i wy i ja będziemy zadowoleni . proszę o propozycje ? !

piątek, 19 października 2012

Kolejne nowe menu ...

Hej :) kolejne nowe menu prosze... jak by ktoś chciał jakieś wyglądające poszczegulnie lub inny kolor czy coś to pisać zajme sie tym :3 ewentualnie moge napisać też menu na prośbę 'klienta' xd

tak wgl to wygląda tak :D

emm to wyżej to tak wygląda :D a po najechaniu np na 'grupy' jest taki efekt jak widzicie poniżej :D

<div id='cssmenu'>
<ul>
<li class='active '><a href='http://poszkole.pl/strona/'><span>Główna</span></a></li>
<li><a href='http://poszkole.pl/przyjaciele'><span>Przyjaciele</span></a></li>
<li><a href='http://poszkole.pl/grupy'><span>Grupy</span></a></li>
<li><a href='http://poszkole.pl/wiadomosci'><span>Privy</span></a></li>
<li><a href='http://poszkole.pl/profil'><span>Alerty</span></a></li>
</ul>
</div>
<style>
@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Menu CSS */
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
padding: 0;
margin: 0;
line-height: 1;
font-family: 'Capriola', sans-serif;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after, #cssmenu > ul:after {
clear: both;
}
#cssmenu {
position: fixed;
left: 480px;
bottom: 700px;
zoom:1;
height: 69px;
width: 600px;
background: url(http://cssmenumaker.com/sites/default/files/menu/146/bottom-bg.png) repeat-x center bottom;
border-radius: 2px;
}
#cssmenu ul{
background: url(http://cssmenumaker.com/sites/default/files/menu/146/nav-bg.png) repeat-x 0px 4px;
height: 69px;
}
#cssmenu ul li{
float: left;
list-style: none;
}
#cssmenu ul li a{
display: block;
height: 37px;
padding: 22px 30px 0;
margin: 4px 2px 0;
border-radius: 2px 2px 0 0;
text-decoration: none;
font-size: 15px;
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
font-weight: 400;
opacity: .9;
}
#cssmenu ul li:first-child a{
margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover, #cssmenu ul li.active a{
background: url(http://cssmenumaker.com/sites/default/files/menu/146/color.png) center bottom;
display: block;
height: 37px;
margin-top: 0px;
padding-top: 26px;
color: #004f7c;
text-shadow: 0 1px 1px rgba(255, 255, 255, .55);
opacity: 1;
}
</style>

środa, 17 października 2012

leftsideswagg

...Hej nazywam sie Nicole Kinga mam 15 lat i z Kubą adminem bloga znam się kupę czasu XD

Od czasu do czasu postaram się dać wam też jakiś kodzik lub coś innego np:grafe.

na ps znacie mnie spod pseudo: SexStrip ;p żeby nie przynudzać i takie tam dam wam

jakieś tam tło ;p możecie też pisac w komentarzach zamówienia na grafe z checia zrobie.

umiem robić też avki, nagłówki etc.

sobota, 13 października 2012

Kolejne nowe menu...

kolejne nowe menu ...
wygląda mniej więcej tak :

<div id='cssmenu'>
<ul>
<li><a href='http://poszkole.pl/strona/'><span>Główna</span></a></li>
<li><a href='http://poszkole.pl/przyjaciele'><span>Przyjaciele</span></a></li>
<li><a href='http://poszkole.pl/grupy'><span>Grupy</span></a></li>
<li><a href='http://poszkole.pl/wiadomosci'><span>Privy</span></a></li>
<li class='has-sub '><a href='http://poszkole.pl/profil'><span>Alerty</span></a>
<ul>
<li><a href='http://poszkole.pl/ranking'><span>Ranking</span></a></li>
<li><a href='http://poszkole.pl/strona/edycja'><span>Edycja</span></a></li>
<li class='has-sub '><a href='#'><span>Inne</span></a>
<ul>
<li><a href='http://pl-pl.facebook.com/'><span>Facebook</span></a></li>
<li><a href='http://www.youtube.com/'><span>Youtube</span></a></li>
<li><a href='http://livegaphics.blogspot.co.uk/'><span>Blog</span></a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<style>
/* Some stylesheet reset */
#cssmenu > ul {
position: fixed;
left: 0px;
bottom: 550px;
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}

/* The container */
#cssmenu > ul {
display: block;
position: ;
width: 150px;
}

/* The list elements which contain the links */
#cssmenu > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 150px;
}

/* General link styling */
#cssmenu > ul li a {
/* Layout */
display: block;
position: relative;
margin: 0;
border-top: 1px dotted #3a3a3a;
border-bottom: 1px dotted #1b1b1b;
padding: 11px 20px;
width: 110px;

/* Typography */
font-family: Helvetica, Arial, sans-serif;
color: #d8d8d8;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 1px 1px #000;
font-size: 13px;
font-weight: 300;

/* Background & effects */
background: #282828;
}

/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child>a {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top: 0;
}

/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child>a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 0;
}

/* The hover state of the menu/submenu links */
#cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
background: #f23f37;
background: -webkit-linear-gradient(bottom, #f23f37, #f45d57);
background: -ms-linear-gradient(bottom, #f23f37, #f45d57);
background: -moz-linear-gradient(bottom, #f23f37, #f45d57);
background: -o-linear-gradient(bottom, #f23f37, #f45d57);
border-color: transparent;
}

/* The arrow indicating a submenu */
#cssmenu > ul .has-sub>a::after {
content: '';
position: absolute;
top: 16px;
right: 10px;
width: 0px;
height: 0px;

/* Creating the arrow using borders */
border: 4px solid transparent;
border-left: 4px solid #d8d8d8;
}

/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub>a::before {
content: '';
position: absolute;
top: 17px;
right: 10px;
width: 0px;
height: 0px;

/* Creating the arrow using borders */
border: 4px solid transparent;
border-left: 4px solid #000;
}

/* Changing the color of the arrow on hover */
#cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
border-left: 4px solid #fff;
}

#cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
border-left: 4px solid rgba(0, 0, 0, .3);
}

/* THE SUBMENUS */
#cssmenu > ul ul {
position: absolute;
left: 150px;
top: -9999px;
padding-left: 5px;
opacity: 0;
/* The fade effect, created using an opacity transition */
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
-ms-transition: opacity .3s ease-in;
}

/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover>ul {
top: 0px;
opacity: 1;
}
</style>

Ruchomy tekst z efektem ,

także to wygląda tak jak widzicie poniżej z tym że tutaj jak widzicie tekst sie lekko ucina a jak
wstawicie kod na ps to tekst będzie widoczny cały tak jak na mojej --->STRONCE<---

•kod będzie się wyświetlał w górnej części strony tak jak u mnie
•a nowością jest to że po najechaniu kursorem tekst się zatrzymuje !

<div id="AceBoy">
<marquee behavior="scroll" direction="left" height="10" width="100%" scrollamount="2" scrolldelay="10" onmouseover="this.stop()" onmouseout="this.start()" align="center">Strona objęta prawami autorskimi ! &copy</marquee>
</div>
<style>
#AceBoy {
background: black;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
border-bottom: 1px solid black;
box-shadow: 0 0 5px red;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
color: white;
font-family: Verdana;
font-style: italic;
font-size: 12px;
text-shadow: 0px 0px 8px red;
}
</style>

piątek, 12 października 2012

Dużo więcej kodów ...

Chcecie ? ,
bo dla mnie to nie problem ... mam tego pełno ,

komentarze można dawać nawet jak nie jest się zalogowanym jako "gość"
więc każdy może komentować więc poświęćcie '20 sekund'
żeby zostawić komentarz a w zamian będę dodawał kody na których
pisanie na pewno poświęcę więcej czasu niż '20 sekund' które wy
musicie poświecić ...

---> Nowe Menu <---

Ehh siemano ;]

dam wam kodzik na nowe menu

co to dziś z siebie wydusiłem :D

wygląda ono tak ;p

zdjęcie przed i po najechaniu :)
a oto kodzik ^^

<ul id="navigationMenu">

<li>

<a class="home" href="http://poszkole.pl/strona/">

<span>Główna</span>

</a>

</li>

<li>

<a class="about" href="http://poszkole.pl/przyjaciele">

<span>Przyjaciele</span>

</a>

</li>

<li>

<a class="services" href="http://poszkole.pl/grupy">

<span>Grupy</span>

</a>

</li>

<li>

<a class="portfolio" href="http://poszkole.pl/profil">

<span>Alerty</span>

</a>

</li>

<li>

<a class="contact" href="http://poszkole.pl/wiadomosci">

<span>Privy</span>

</a>

</li>

</ul>

<style>

*{
/* A universal CSS reset */
margin:0;
padding:0;
}
body{

background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);

font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
position: relative;
left: -480px;
bottom: 700px;
list-style:none;
height:39px;
padding:2px;
width:40px;
}
#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;

/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;

/* CSS3 Transition: */
-webkit-transition: 0.25s;

/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}

#navigationMenu a{
/* The background sprite: */
background:url('http://i48.tinypic.com/1538lqr.jpg') no-repeat;

height:39px;
width:38px;
display:block;
position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;

/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 5px #9ddff5;
-webkit-box-shadow:0 0 5px #9ddff5;
box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 -39px;}
#navigationMenu .home span{
background-color:#7da315;
color:#3d4f0c;
text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#1e8bb4;
color:#223a44;
text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#c86c1f;
color:#5a3517;
text-shadow:1px 1px 0 #d28344;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#d0a525;
color:#604e18;
text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#af1e83;
color:#460f35;
text-shadow:1px 1px 0 #d244a6;
} </style>