Ana Sayfa
iletisim
zdefteri
wofh.rumain
Yeni
forum
22
a
imanway.com
aramayap
paradisejam.com
11
ı
asci
rff
tt
55
marchanddetrucs
alideriaru
bu
razdor.ru
kkk
222
88
Yeni sayfanın başlığı
goo
lazim
kingwarcom
ok
200
OO
gg
442
klkll
66
ggg
warinsectcom
tttt
online
eee
clubmateru
club-mate.ru
ff
1244
4str
ff0
HH8
HH
slaytfoto
8801
HJHJ
YJY6
nh
kolu
akan bulut
ttt
fff
ba
64654
g
r
f
grgr
ooo
endlessgenclikcom
54+6
744
8
ku
uku
tgt
uuu
tevhid
efef
ıııı
ğğğ
477
uh
efe
grfx.cstvcom
Y4
flk
5464
ukuk
kıkk
worldofants.net
dessower.ru
do.igg.com
efefvv
paper
fragoria.mail.ru
ukku
gw.igg.com
.sapkowski.su
vfvf
grgr5
egeg7
gbffdf
b
mavi
okkkk
52
888
co
grgrg
werr
rgrjhtjyh
ooooaşlığı
wqw
dscfdcd
yjhy
dvdv
rghtrhg
luk
wer
emanmedia.net
Yenicscs
cooltemplate
thth
fvf
kostenlose.browsergames.de
tht
jmhym
sitemap
Yeni yuı
4141
011
2555
fbfbf
KRALL
frfrbaşlığı
hjmhmyu
jyjy
yyyyyy
ıkoo
58
25
grg
koll
opp
kii
4555
02
geçişli bannerler
hngn
jkjkjjk
hjhjgjn
hrthgrth
momin.com.ansaralhojah.com
bfbfb
vbfdb
amynaonline
jooo
hhhh
rgrgg
goooo
movi
fgergr
fgfgfgfgf
1111111
fefefe
cms.templatehelp.com
moviyeee
5tytry
hngf
gtg
dvdvdv
tartaros.wemade.com
25555
p
ju
ffeggeg
koo
hooo
keeeeeeeeee
kuuuuuuuuu
new
400
4774
vvvvvvrvv
lo
41414
11111
nnn
100
2000
300
tmla
trtel.com
z
Y
000
004
5555
9999
44444
çööç
bbb
8988
56566
2100
44452
101010
99994
jkk
kkkkkk
fdı
gggg
c0
bnnn
çjkç
10011
5025
Yeni sayfan
hhhhfd
c01
0152
llll
mjmj
1201
2121
htht2445
065
5544
y45
fgsfdfd
ysdjl
456456540
2552525
012001
2010
2012
21021
1247
242121
vssvsv
4875
gyrd
lili
banner
kllkk
mok
teste
gollı
bon
guy
dbdbd
coo
gngn
guh
tamcss
en.casino-lemonade.com
cscs
benmcss
hhjyk
09
scsc
089
Yuo
juu
kuo
ngnbn
dcdc
401414
css
rtgrg
fgrfg
rgrgrrg
hrthht
css cerceve
CSS2
CSS1
8tem.com
01220
csss
ol,o
vdvdv
vbdfbf
minikcss
tems
25525
52825825
uytıkmuyk
kukuyku
tablolink
thrth
rgerghe
cssmavitk
rtybrybt
thhrh
lolku
tanoth
285288
nexon.net
687878
thtrhjt
rhrehefg
dvdvd
hbgtfhng
5654646
woh
muklo
temsec
gng
ukuku
ban
acilis
oceans
crafgo
kukku
ban2
iste-web
kolos
lololololo
025555
gfgrf
012012
kolu4
renkli css
KURAN
jkljk
99999999999
01245
57575
0
likefekt
dikkat
antitez
Galeri
fullicones
hkhk
1973
321webmastercom
apycom.com
516545
kuloko
012320
kuokol
sevendsen
juk
yjkuky
po
hu
gr
ko
scğı
251656
menu
sfhyt
12887
021302
supper
kolluft
bykchd
kuhhh
fortogaleri
TEMA
yjtyktktk
er
0125
besreysey
TEMA2
tez
nbbbbbb
zzzzzzzz
rrrrrrrrrr
bykchd
buyuk cihad tasarımı
Tasarımın üzerindeki yazı:
<!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" lang="cs" xml:lang="cs"> <head> <title>FOR INTERNET s.r.o. - O společnosti</title> <meta http-equiv="Content-Language" content="cs" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Author" content="FOR INTERNET, s.r.o.; http://www.4internet.cz/" /> <meta name="Keywords" content="realizace WWW prezentací, Návrh webové prezentace, Webdesing, grafickı návrh, Zpracování obsahu, copywriting, Multimédia, Správa webu, E-marketing, internet marketing" /> <meta name="Description" content="FOR INTERNET, s.r.o., je česká společnost poskytující komplexní profesionální služby v oblasti internetovıch a intranetovıch řešení. Na našem trhu působí od roku 2004." /> <link rel="Shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link href="/_css/layout-style.css" rel="stylesheet" type="text/css" media="screen, print" /> <link href="/_css/menu-style.css" rel="stylesheet" type="text/css" media="screen, print" /> <link href="/_css/flashbox.css" rel="stylesheet" type="text/css" media="screen, print" /> <link href="/_css/lightwindow.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/_js/EasyAjax.js"></script> <script type="text/javascript" src="/_js/functions.js"></script> <script type="text/javascript" src="/_js/flashbox.js"></script> <script type="text/javascript" src="/_js/prototype.js"></script> <script type="text/javascript" src="/_js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="/_js/lightwindow.js"></script> </head> <body> <p class="hide"><a href="#content">Přejít na obsah</a></p> <div id="page" class="spolecnost"> <div id="above-sea" class="vizual-02"> <div id="flash-holder"> <a href="/" title="Zpět na úvodní stránku" class="btn-hp"></a> </div> </div> <div id="under-sea"> <div id="top-menu"> <h2 class="hide">Hlavní menu</h2> <ul><li class="btn-01" id="btn-active"><a href="/o-spolecnosti/">O společnosti<span></span><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="/o-spolecnosti/novinky/">Aktuality</a></li> <li><a href="/o-spolecnosti/kariera/">Kariéra</a></li> <li><a href="/kontakt/">Kontakt</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="btn-02" ><a href="/sluzby-a-reseni/">Služby a řešení<span></span><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="/sluzby-a-reseni/prehled-sluzeb/">Přehled služeb</a></li> <li><a href="/sluzby-a-reseni/dtp/">DTP služby</a></li> <li><a href="/sluzby-a-reseni/pripadove-studie/">Případové studie</a></li> <li><a href="/sluzby-a-reseni/postup-projektu/">Postup projektu</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="btn-03" ><a href="/reference/">Reference<span></span><!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="/reference/webdesign/">Webdesign</a></li> <li><a href="/reference/e-marketing/">E-marketing</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--></li> <li class="btn-04" ><a href="/partneri/">Partneři<span></span></a></li> <li class="btn-05" ><a href="/kontakt/">Kontakt<span></span></a></li> </ul></div> <!-- /top-menu --> <div id="content-part"> <div id="left-side"> </div> <div id="content-holder"> <hr class="hide" />
Tasarımın altındaki yazı:
<div id="content">
İçerik bölümünün altındaki bilgi (mesela Copyright):
http://contest.bbgsite.com/gameprize/2011/index.php?controller=bet&id=3 http://designsnack.com/gallery/page/19/ http://www.mostinspired.com/sites?page=2374 http://www.screenalicious.com/page779.html
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html,body { height: 100%; } body { margin:0; padding:0; text-align: left; border: none; color: #46D1FF; font-size: 75%; font-family: Tahoma, Arial, sans-serif; background: #07243A; } h1 { font-size: 170%; color: white; font-weight: normal; margin: 0 0 35px 0; padding: 0; } h2 { margin: 0; padding: 15px 0; font-size: 130%; font-weight: bold; color: #E7B468; } .right-content h2 {padding: 5px 0 15px 0; margin: 0;} .infoBox h2 {padding: 0 0 15px 0; margin: 0;} h2 a {text-decoration: none; color: #EDB762;} h2 a:hover {color: white; text-decoration: underline;} h3 { font-size: 100%; font-weight: bold; color: white; padding: 10px 0; margin: 0; } h1, h2, h3, h4 { /* font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; */ } a {text-decoration: underline; color: white;} a:hover {text-decoration: none; color: #EDB762;} img {border: none;} img.block {display: block} form {margin: 0; padding: 0;} sup {font-size: 75%;} fieldset {border: none; margin: 0; padding: 0;} hr { border: none; border-top: 1px solid #063F5C; height: 1px; width: 100%; display: block; } /**/ #page { margin: 0 auto; padding: 0; width: 100%; position: relative; } #above-sea {height: 275px;} .vizual-01 {background: url(http://www.4internet.cz/_clip/bg-header-01.jpg) center top no-repeat;} .vizual-02 {background: url(https://img.webme.com/pic/b/biristanbulmasali/buyukcihadbanner.png) center top no-repeat;} .vizual-03 {background: url(http://www.4internet.cz/_clip/bg-header-03.jpg) center top no-repeat;} #under-sea { background: url(http://www.4internet.cz/_clip/bg-under-sea.jpg) center top no-repeat; } #top-menu { margin: 0 auto; width: 660px; } #content-part { margin: 0 auto; padding: 0; width: 940px; background: url(http://www.4internet.cz/_clip/bg-for-content.gif) center top repeat-y; display: table; clear: both; } #content-holder { float: right; width: 800px; } #left-side { width: 140px; margin-top: 59px; float: left; } #right-side { width: 130px; height: 100px; float: right; padding: 0 0 0 10px; } #content { background: #072C46 url(http://www.4internet.cz/_clip/bg-content.gif) left top repeat-x; width: 620px; float: left; padding: 0 20px 20px 20px; line-height: 1.3em; } .left-content { float: left; width: 405px; } .right-content { float: right; width: 200px; background: #07243A; } #footer { margin: 0 auto; width: 620px; background: url(http://www.4internet.cz/_clip/bg-footer.gif) center top repeat-x; padding: 20px; color: #277B9D; font-size: 95%; } #footer p {margin: 0; padding: 13px 0 20px 0;} .leftPart {width: 48%; float: left;} .rightPart {width: 48%; float: right;} .homepage #left-side {background: url(http://www.4internet.cz/_clip/hl_homepage.jpg) right top no-repeat; height: 170px;} .spolecnost #left-side {background: url(https://img.webme.com/pic/b/biristanbulmasali/bykchd.png) right top no-repeat; height: 225px;} .sluzby #left-side {background: url(http://www.4internet.cz/_clip/hl_produkty-a-sluzby.jpg) right top no-repeat; height: 250px;} .reference #left-side {background: url(http://www.4internet.cz/_clip/hl_reference.jpg) right top no-repeat; height: 170px;} .partneri #left-side {background: url(http://www.4internet.cz/_clip/hl_partneri.jpg) right top no-repeat; height: 275px;} .kontakt #left-side {background: url(http://www.4internet.cz/_clip/hl_kontakt.jpg) right top no-repeat; height: 160px;} #flash-holder { margin: 0 auto; width: 880px; height: 275px; position: relative; } #flash-holder a.btn-hp { display: block; width: 200px; height: 80px; position: absolute; top: 130px; left: 135px; } /**/ .featured-project { padding: 0 0 10px 0; margin: 0 0 15px 0; background: #083453; width: 405px; border-bottom: 3px solid #063F5C; } .featured-project .nahled {float: left; width: 140px; padding: 0; margin: 10px; display: inline;} .featured-project .obsah {float: left; padding: 0; margin: 10px 10px 10px 2px; width: 230px; display: inline;} .featured-project img, .reference-img img, .reference-nahled img, .caption-image img, .related-images img {border: 5px solid #1397BF; padding: 1px; background: #07243A;} .featured-project a:hover img, .reference-img a:hover img, .reference-nahled a:hover img, .caption-image a:hover img, .related-images a:hover img {border: 5px solid #E7B468;} .featured-project p {margin: 10px 0; padding: 0;} .featured-project h2 {margin: 0; padding: 0;} .featured-project h2 a {text-decoration: none; color: #E7B468;} .featured-project h2 a:hover {text-decoration: underline; color: white;} /**/ .kontakt-form input { border: 1px solid #46D1FF; background: #1C76AD; margin: 5px 0; padding: 2px; color: white; width: 100%; } .kontakt-form textarea { background: #46D1FF; color: black; border: 1px solid #1C76AD; width: 100%; height: 150px; margin: 5px 0; padding: 2px; } .kontakt-form input.btn-odeslat { background: #E7B468; width: auto; padding: 3px; font-weight: bold; color: #07243A; border: 1px solid #D6E1E9; } .error { color: yellow; background: #063F5C url(http://www.4internet.cz/_clip/news-list-bullet.gif) 3px 5px no-repeat; font-weight: bold; padding: 3px 5px 3px 20px; margin: 5px 0; display: none; } /**/ .infoBox { padding: 10px; margin: 0 0 15px 0; background: #083453; border-bottom: 3px solid #063F5C; } .news { padding: 0px 10px; margin: 5px 0 15px 0; /* background: #07243A; */ } ul.news-list { margin: 0 0 15px 0; padding: 0; list-style: none; } ul.news-list li { padding: 5px 0 5px 18px; background: url(http://www.4internet.cz/_clip/news-list-bullet.gif) 3px 8px no-repeat; border-bottom: 1px solid #063F5C; } ul.news-list li a {text-decoration: none;} ul.styled-list { margin: 0 0 15px 0; padding: 0; list-style: none; } ul.styled-list li { padding: 3px 0 3px 28px; background: url(http://www.4internet.cz/_clip/news-list-bullet.gif) 13px 6px no-repeat; } ul.styled-list li a {text-decoration: none;} ul.styled-list ul { margin: 5px 0; padding: 0; list-style: none; } ul.styled-list li ul li { padding: 3px 0 3px 15px; background: url(http://www.4internet.cz/_clip/news-list-sub-bullet.gif) 0 8px no-repeat; } .caption { background: #083453 url(http://www.4internet.cz/_clip/bg-caption.gif) 0 0 repeat-y; padding: 10px 5px 10px 70px; margin: 5px 0; border-bottom: 1px solid #064664; border-top: 1px solid #064664; } .caption.ico-sluzby {background: #083453 url(http://www.4internet.cz/_clip/ico_sluzby.gif) 20px 10px no-repeat;} .caption.ico-web {background: #083453 url(http://www.4internet.cz/_clip/ico_web.gif) 20px 10px no-repeat;} .caption.ico-prip-studie {background: #083453 url(http://www.4internet.cz/_clip/ico_pripadova-studie.gif) 20px 10px no-repeat;} .caption.safari {background: #083453 url(http://www.4internet.cz/_clip/apple-safari.png) 15px 10px no-repeat;} .caption.firefox {background: #083453 url(http://www.4internet.cz/_clip/firefox.png) 15px 10px no-repeat;} .caption.opera {background: #083453 url(http://www.4internet.cz/_clip/opera.png) 15px 10px no-repeat;} .caption.explorer {background: #083453 url(http://www.4internet.cz/_clip/explorer.png) 15px 10px no-repeat;} .caption h2 {margin: 0 0 10px 0; padding: 0;} .caption-image { float: left; width: 160px; } .caption-text { margin: 0 0 0 160px; } .caption-news { border: 1px solid #064664; margin: 5px 0; padding: 10px; background: #083453; display: table; width: 590px; } .caption-news h3, .caption-news h2 {margin: 0 0 15px 0; padding: 0;} .caption-news small { border-top: 1px solid #064664; padding: 2px 0 5px 0; margin: 10px 0 0 0; display: block; } /* *** reference *** */ .related-images img {margin: 0 5px 5px 0} .testimonial { padding: 10px 15px; margin: 0 0 15px 15px; float: right; width: 200px; background: #063F5C url(http://www.4internet.cz/_clip/testimonial-corner.gif) left top no-repeat; } .testimonial .autor {font-weight: bold; text-align: right} .reference-detail { padding: 20px 10px; margin: 0 0 25px 0; background: #07243A; } .reference-detail .reference-img {float: left;} .reference-detail .reference-summary {float: right; width: 330px;} .reference-nahled { float: left; padding: 0 12px 10px 0; height: 130px; font-size: 95%; } .reference-nahled img {margin: 0 0 2px 0;} .reference-nahled a img, .reference-nahled a {text-decoration: none;} .poslani {padding: 0 0 15px 80px; border-bottom: 1px solid #064664; margin: 10px 0;} .kamen1 {background: url(http://www.4internet.cz/_clip/kamen1.gif) 8px 10px no-repeat;} .kamen2 {background: url(http://www.4internet.cz/_clip/kamen2.gif) 8px 10px no-repeat;} .kamen3 {background: url(http://www.4internet.cz/_clip/kamen3.gif) 8px 10px no-repeat;} .kamen4 {background: url(http://www.4internet.cz/_clip/kamen4.gif) 8px 10px no-repeat;} .breadcrumbs { padding: 0 0 10px 0; font-size: 95%; text-align: right; } .breadcrumbs a {padding: 0 15px 2px 0; background: url(http://www.4internet.cz/_clip/sipka-navigace.gif) right center no-repeat;} #pager { padding: 10px 0; margin: 0 auto; text-align: center; clear: both; font-size: 95%; font-family: "Courier New", Courier, monospace; } #pager a { padding: 1px 4px; border: 1px solid #1B75AB; text-decoration: none; } #pager a {background: #083453;} #pager .pager-list a {background: #12557F;} #pager a:hover {background: #07243A} /**/ a.bull-double-arrow { padding: 3px 0 3px 18px; margin: 2px 0; display: block; background: #063F5C url(http://www.4internet.cz/_clip/bull-double-arrow.gif) 4px 6px no-repeat; font-size: 95%; text-decoration: none; font-weight: bold; } /* */ * html a.bull-double-arrow {height: 1%} /**/ .no-border {border: none;} .no-bg {background: none;} img.img-border {border: 5px solid #1397BF;} a:hover img.img-border {border: 5px solid #E7B468;} img.left-picture {border: 5px solid #1397BF; margin: 0 15px 10px 0; float: left} a:hover img.left-picture {border: 5px solid #E7B468;} img.right-picture {border: 5px solid #1397BF; margin: 0 0 10px 15px; float: right} a:hover img.right-picture {border: 5px solid #E7B468;} a.out-site {background: url(http://www.4internet.cz/_clip/ico_out.gif) right center no-repeat; padding: 0 12px 0 0;} /* --- TABLES --- */ /***************/ .textRight {text-align: right;} .textCenter {text-align: center;} .textLeft {text-align: left;} .floatLeft {float: left;} .floatRight {float: right;} .clear {clear: both;} .clearRight {clear: right;} .clearLeft {clear: left;} .hide {display: none;} input.noStyle {border: none !important; background: none !important;} /***************/ @media print { body { background: white; color: black; font-size: 10pt; font-family: "Times New Roman", Times, serif; } h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color: black;} #page {width: 100%; padding: 0; margin: 0;} #left-menu, #top-menu, #main, #toolbar, #content-footer, #footer {display: none;} #content, #content-holder {width: 100%; line-height: normal; margin: 0; padding: 0; overflow: visible; height: 100%; position: static;} } #top-menu { /* background: url(http://www.4internet.cz/_clip/menu-end.gif) right top no-repeat; */ width: 660px; height: 53px; font-family: Tahoma, Arial, sans-serif; z-index: 999; } #top-menu ul { list-style: none; margin: 0; padding: 0; } #top-menu ul li {float: left;} #top-menu li {position: relative; /*overflow: hidden;*/} #top-menu li span {position: absolute; top: 0; left: 0; display: block;} #top-menu ul li a:hover {cursor: pointer;} #top-menu li.btn-01, #top-menu li.btn-01 span {background: url(http://www.4internet.cz/_clip/btn-01.gif) top left no-repeat; width: 132px; height: 53px;} #top-menu li.btn-02, #top-menu li.btn-02 span {background: url(http://www.4internet.cz/_clip/btn-02.gif) top left no-repeat; width: 132px; height: 53px;} #top-menu li.btn-03, #top-menu li.btn-03 span {background: url(http://www.4internet.cz/_clip/btn-03.gif) top left no-repeat; width: 132px; height: 53px;} #top-menu li.btn-04, #top-menu li.btn-04 span {background: url(http://www.4internet.cz/_clip/btn-04.gif) top left no-repeat; width: 132px; height: 53px;} #top-menu li.btn-05, #top-menu li.btn-05 span {background: url(http://www.4internet.cz/_clip/btn-05.gif) top left no-repeat; width: 132px; height: 53px;} #top-menu li.btn-01 a:hover span, #top-menu li#btn-active.btn-01 span {background: url(http://www.4internet.cz/_clip/btn-01.gif) 0 -53px no-repeat;} #top-menu li.btn-02 a:hover span, #top-menu li#btn-active.btn-02 span {background: url(http://www.4internet.cz/_clip/btn-02.gif) 0 -53px no-repeat;} #top-menu li.btn-03 a:hover span, #top-menu li#btn-active.btn-03 span {background: url(http://www.4internet.cz/_clip/btn-03.gif) 0 -53px no-repeat;} #top-menu li.btn-04 a:hover span, #top-menu li#btn-active.btn-04 span {background: url(http://www.4internet.cz/_clip/btn-04.gif) 0 -53px no-repeat;} #top-menu li.btn-05 a:hover span, #top-menu li#btn-active.btn-05 span {background: url(http://www.4internet.cz/_clip/btn-05.gif) 0 -53px no-repeat;} #top-menu ul ul { margin: 0; padding: 0; position: absolute; top: 46px; left: 0; visibility: hidden; display: table; z-index: 99; } #top-menu ul ul li {overflow: visible; /*clear:left*/ background: #176B99 url(http://www.4internet.cz/_clip/bg-right-menu-btn.gif) center bottom no-repeat; width: 132px;} #top-menu ul ul li a {color: white;} #top-menu li:hover, #top-menu li a:hover {overflow: visible;} #top-menu li:hover ul, #top-menu ul a:hover ul {visibility: visible; overflow: visible;} #top-menu ul ul li a { display: block; padding: 4px 8px 4px 20px; border-right: 1px solid #145F89; border-left: 1px solid #145F89; border-top: 1px solid #145F89; border-bottom: 1px solid #327FA7; color: white; text-decoration: none; background: url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px no-repeat; } #top-menu ul ul li a:hover { color: #07243A; text-decoration: none; background: #278DBD url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px no-repeat; } /* */ * html #top-menu ul ul li a {height:1%} /**/ span.top-menu-related { padding: 18px 8px 8px 8px; float: left; display: block; font-size: 95%; } span.top-menu-related a {color: white; text-decoration: none;} span.top-menu-related a:hover {text-decoration: underline;} #top-menu li:hover a span { background-position: 0 -53px;} /* --- sub-menu --- */ #right-menu { margin: 79px 0 0 0; padding: 0; width: 130px; } #right-menu ul { margin: 0; padding: 0; list-style: none; /* font-weight: bold; */ } #right-menu li { background: #176B99 url(http://www.4internet.cz/_clip/bg-right-menu-btn.gif) center bottom no-repeat; } #right-menu li a { display: block; padding: 4px 8px 4px 20px; border-top: 1px solid #145F89; border-bottom: 1px solid #327FA7; color: white; text-decoration: none; background: url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px no-repeat; } #right-menu li a:hover { color: #07243A; text-decoration: none; background: #278DBD url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px no-repeat; } #right-menu li.item-active a {background-image: none;} #right-menu li.item-active {background: #278DBD url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 10px no-repeat;} #right-menu li.item-active a:hover {background: /*#3BA4BD*/ url(http://www.4internet.cz/_clip/right-menu-bullet.gif) 5px 9px no-repeat;} #right-menu h3.header { padding: 7px 5px 7px 7px; margin: 0; color: #EDB762; font-size: 100%; background: #065884; } #right-menu h3.header a {text-decoration: none; color: #B50025;} #right-menu h3.header a:hover {color: white;} .end-right-menu { background: #176B99 url(http://www.4internet.cz/_clip/bg-right-menu-bottom.gif) center bottom no-repeat; border-top: 1px solid #145F89; padding: 7px 5px; } /* */ * html #right-menu li a {height: 1%} /**/ /** * Flashbox stylesheet */ #flashbox { position: absolute; width:100%; height:100%; width: expression(document.body.clientWidth < 830 ? "830px" : "100%" ); top:0; left:0; background: transparent url('http://www.4internet.cz/_clip/opaque.png'); z-index: 9998; text-align: center; display: none; } /* */ * html #flashbox {background: black; filter: alpha(opacity=70); opacity:.70;} /**/ /* */ * html #flashboxImage {background: black; filter: alpha(opacity=100); opacity:1;} /**/ #flashboxAnchor { /*width: 900px; border: 2px solid yellow;*/ margin: 0 auto; width: 980px; /* height: 100%;*/ } #closeButton { position: absolute; top: inherit; right: inherit; left:auto; bottom:auto; } #flashboxMovie { position: absolute; bottom: inherit; left: inherit; } #lightwindow_overlay { /* REQUIRED */ display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 500; /* REQUIRED */ } #lightwindow { /* REQUIRED */ /* Of Note - The height and width of this element are set to 0px */ display: none; visibility: hidden; position: absolute; z-index: 999; line-height: 0px; /* REQUIRED */ } #lightwindow_container { /* REQUIRED */ display: none; visibility: hidden; position: absolute; /* REQUIRED */ padding: 0 0 0 0; margin: 0 0 0 0; } /* IE6 needs this or it messes with our positioning */ * html #lightwindow_container { overflow: hidden; } #lightwindow_contents { overflow: hidden; z-index: 0; position: relative; border: 10px solid #ffffff; background-color: #ffffff; } #lightwindow_loading { /* REQUIRED */ height: 100%; width: 100%; top: 0px; left: 0px; z-index: 9999; position: absolute; /* REQUIRED */ background-color: #f0f0f0; padding: 10px; } #lightwindow_loading_shim { display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; } #lightwindow_loading span { font-size: 12px; line-height: 32px; color: #444444; float: left; padding: 0 10px 0 0; } #lightwindow_loading span a, #lightwindow_loading span a:link, #lightwindow_loading span a:visited { color: #09F; text-decoration: none; cursor: pointer; } #lightwindow_loading span a:hover, #lightwindow_loading span a:active { text-decoration: underline; } #lightwindow_loading img { float: left; margin: 0 10px 0 0; } /*----------------------------------------------------------------------------------------------- I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/ I mean let's face it, it works really well and is very easy to figure out. -----------------------------------------------------------------------------------------------*/ #lightwindow_navigation { /* REQUIRED */ position: absolute; top: 0px; left: 0px; display: none; /* REQUIRED */ } /* We need to shim the navigation for IE, though its more of a sub-floor */ #lightwindow_navigation_shim { /* REQUIRED */ display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; /* REQUIRED */ } #lightwindow_navigation a, #lightwindow_navigation a:link, #lightwindow_navigation a:visited, #lightwindow_navigation a:hover, #lightwindow_navigation a:active { /* REQUIRED */ outline: none; /* REQUIRED */ } #lightwindow_previous, #lightwindow_next { width: 49%; height: 100%; background: transparent url(http://www.4internet.cz/_clip/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #lightwindow_previous { float: left; left: 0px; } #lightwindow_next { float: right; right: 0px; } #lightwindow_previous:hover, #lightwindow_previous:active { background: url(http://www.4internet.cz/_clip/lightwindow/prevlabel.gif) left 15% no-repeat; } #lightwindow_next:hover, #lightwindow_next:active { background: url(http://www.4internet.cz/_clip/lightwindow/nextlabel.gif) right 15% no-repeat; } #lightwindow_previous_title, #lightwindow_next_title { display: none; } #lightwindow_galleries { width: 100%; position: absolute; z-index: 50; display: none; overflow: hidden; margin: 0 0 0 10px; bottom: 0px; left: 0px; } #lightwindow_galleries_tab_container { width: 100%; height: 0px; overflow: hidden; } a#lightwindow_galleries_tab, a:link#lightwindow_galleries_tab, a:visited#lightwindow_galleries_tab { display: block; height: 20px; width: 77px; float: right; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; font-size: 11px; color: #ffffbe; background: url(http://www.4internet.cz/_clip/lightwindow/black-70.png) repeat 0 0 transparent; } * html a#lightwindow_galleries_tab, * html a:link#lightwindow_galleries_tab, * html a:visited#lightwindow_galleries_tab { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } a:hover#lightwindow_galleries_tab, a:active#lightwindow_galleries_tab { color: #ffffbe; } #lightwindow_galleries_tab_span { display: block; height: 20px; width: 63px; padding: 0 7px 0 7px; } #lightwindow_galleries_tab .up { background: url(http://www.4internet.cz/_clip/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent; } #lightwindow_galleries_tab .down { background: url(http://www.4internet.cz/_clip/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent; } #lightwindow_galleries_list { background: url(http://www.4internet.cz/_clip/lightwindow/black-70.png) repeat 0 0 transparent; overflow: hidden; height: 0px; } * html #lightwindow_galleries_list { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } .lightwindow_galleries_list { width: 200px; float: left; margin: 0 0 10px 0; padding: 10px; } .lightwindow_galleries_list h1 { color: #09F; text-decoration: none; font-weight: bold; cursor: pointer; padding: 10px 0 5px 0; font-size: 16px; } .lightwindow_galleries_list li { margin: 5px 0 5px 0; list-style-type: none; } .lightwindow_galleries_list a, .lightwindow_galleries_list a:link, .lightwindow_galleries_list a:visited { display: block; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0 0 0 10px; font-size: 11px; } .lightwindow_galleries_list a:hover, .lightwindow_galleries_list a:active { background: #000000; color: #ffffbe; border-left: 3px solid #ffffbe; padding: 0 0 0 7px; } #lightwindow_data { /* REQUIRED */ position: absolute; /* REQUIRED */ } #lightwindow_data_slide { /* REQUIRED */ position: relative; /* REQUIRED */ } #lightwindow_data_slide_inner { background-color: #ffffff; padding: 0 10px 10px 10px; } #lightwindow_data_caption { padding: 10px 0 0 0; color: #666666; line-height: 25px; background-color: #ffffff; clear: both; } #lightwindow_data_details { background-color: #f0f0f0; padding: 0 10px 0 10px; height: 20px; } #lightwindow_data_author_container { width: 40%; text-align: right; color: #666666; font-style: italic; font-size: 10px; line-height: 20px; float: right; overflow: hidden; } #lightwindow_data_gallery_container { font-size: 10px; width: 40%; text-align: left; color: #666666; line-height: 20px; float: left; overflow: hidden; } #lightwindow_title_bar { height: 25px; overflow: hidden; } #lightwindow_title_bar_title { color: #ffffbe; font-size: 14px; line-height: 25px; text-align: left; float: left; } a#lightwindow_title_bar_close_link, a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link { float: right; text-align: right; cursor: pointer; color: #ffffbe; line-height: 25px; padding: 0; margin: 0; } a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link { color: #ffffff; } /*----------------------------------------------------------------------------------------------- Theme styling stuff -----------------------------------------------------------------------------------------------*/ #lightwindow p { color: #000000; padding-right: 10px; }
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol