[Trang Chủ FMvi] Counter-Strike Portal

by **HelpsFMvi** Thu Jun 23, 2016 2:28 pm

Demo:

[You must be registered and logged in to see this image.]

Code:

Code:: <!DOCTYPE html> <html> <title>fraNNNta-Design</title> <head> * body { background: #141414; color: white; } .counter{ position: relative; top: -15px; } .meniu{ background: url(http://i10.servimg.com/u/f10/14/12/03/12/111.png); box-shadow: 0px 0px 2px white; border-radius: 5px; height: 36px; width: 500px; position: relative; top: 240px; border: 1px solid black; border-radius: 5px;} .meniu a{ position: relative; top: 7px; color: white; font-size: 16px; font-family: arial; font-weight: 600; padding-left: 10px; padding-right: 10px; text-shadow: 0px 1px 2px black; text-decoration: none;} .meniu a:hover{ color: white; text-shadow: 0px -1px 2px black; text-decoration: none; padding-left: 10px; padding-right: 10px;} .forum{ text-decoration: none; font-size: 32px; font-family: arial; position: relative; right: 250px; top: -125px; padding: 20px; width: 180px; height: 40px!important; background: url(http://i10.servimg.com/u/f10/14/12/03/12/111.png); border-radius: 10px 0px 10px 0px; text-shadow: 0px 0px 2px black; border: 1px solid black; box-shadow: 0px 0px 2px white;} .portal{ left: 250px; top: -207px; width: 180px; height: 40px!important; background: url(http://i10.servimg.com/u/f10/14/12/03/12/111.png); border-radius: 0px 10px 0px 10px; text-decoration: none; font-size: 32px; font-family: arial; position: relative; padding: 20px; text-shadow: 0px 0px 2px black; border: 1px solid black; box-shadow: 0px 0px 2px white;} .portal:hover{ background: url(http://i10.servimg.com/u/f10/14/12/03/12/210.png);} .forum:hover{ background: url(http://i10.servimg.com/u/f10/14/12/03/12/210.png);} .forum a{ color: white; text-decoration: none; text-shadow: 0px 0px 2px black;} .portal a{ color: white; text-decoration: none; text-shadow: 0px 0px 2px black;} .forum a:hover{ color: white; text-shadow: 0px 0px 2px black;} .portal a:hover{ color: white; text-shadow: 0px 0px 2px black;} .continut{ position: relative; top: 50px; background: url(http://i32.servimg.com/u/f32/14/12/03/12/11110.png); border: 1px solid black; box-shadow: 0px 0px 3px white; border-radius: 10px; height: 600px; width: 800px;} .header{ border-radius: 0px 0px 10px 10px; border: 1px solid black; background: url(http://i10.servimg.com/u/f10/14/12/03/12/210.png); width: 550px; font-size: 48px; color: white; text-shadow: 0px 1px 5px black; } .counter2{ position: relative; bottom: 255px; right: 5px; opacity: 0.2} * </head> <body> <center><div class="continut"><div class="header">Mesajul tau aici</div> <center><div class="counter"><img src="http://i10.servimg.com/u/f10/14/12/03/12/render10.png"></img></div></center> <center><div class="meniu"> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a></div> <center> <div class="forum"> <a href="#">Portal</a> </div></center> <center><div class="portal"><a href="#">Portal</a></div></center> <center><div class="counter2"><img src="http://i10.servimg.com/u/f10/14/12/03/12/render12.png"></img></div></center> </div></center> </body> </html>

Nguồn: FMCodes