ÿþ<?php session_start(); ?> <title>RPG ARTE</title> <body bgcolor = "Black" background="fundo.gif" link="#ffffcc" vlink="#ffffcc" alink="#ffffcc"> <font color="white"> <CENTER> <img src="topo.png"> <TABLE BORDER="0" bgcolor = "#222222" width = 1025 height = 35> <TR> <TD width = 20%><A HREF='evento.php'>Evento</a></TD> <TD width = 20%><A HREF='mapa.php'>Como chegar</a></TD></TD> <TD width = 20%><A HREF='http://lableo.mygamesonline.org/inscricao.php?where=RPG'>Mesas de RPG</a></TD> <TD width = 20%><A HREF='calendario.php'>Atividades</a></TD> <TD width = 20%><A HREF='http://lableo.mygamesonline.org/login.php'>Forum</a></TD></TR> </TABLE> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script> <style type="text/css"> body { padding: 50px 0 0 50px; } div.sc_menu { /* Set it so we could calculate the offsetLeft */ position: relative; height: 210px; width: 1020px; overflow: auto; } ul.sc_menu { display: block; height: 110px; /* max width here, for users without javascript */ width: 2500px; padding: 15px 0 0 15px; /* removing default styling */ margin: 0; background: url('navigation.png'); list-style: none; } .sc_menu li { display: block; float: left; padding: 0 4px; } .sc_menu a { display: block; text-decoration: none; } .sc_menu span { display: none; margin-top: 3px; text-align: center; font-size: 12px; color: #fff; } .sc_menu a:hover span { display: block; } .sc_menu img { border: 3px #fff solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .sc_menu a:hover img { filter:alpha(opacity=50); opacity: 0.5; } /* Here are styles for the back button, don't look at them */ #back { display: block; width: 500px; text-align: center; color: #003469; font-size: 16px; } </style> <script type= "text/javascript">/*<![CDATA[*/ $(function(){ //Get our elements for faster access and set overlay width var div = $('div.sc_menu'), ul = $('ul.sc_menu'), ulPadding = 15; //Get menu width var divWidth = div.width(); //Remove scrollbars div.css({overflow: 'hidden'}); //Find last image container var lastLi = ul.find('li:last-child'); //When user move mouse over menu div.mousemove(function(e){ //As images are loaded ul width increases, //so we recalculate it each time var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding; var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth; div.scrollLeft(left); }); }); /*]]>*/</script> </head> <body> <div class="sc_menu"> <ul class="sc_menu"> <li><a href="#"><img src="1.jpg" width = 200 height = 150 alt="Mesas de RPG"/><span>Mesas de RPG</span></a></li> <li><a href="#"><img src="2.jpg" width = 200 height = 150 alt="Palestras"/><span>Palestras</span></a></li> <li><a href="#"><img src="3.jpg" width = 200 height = 150 alt="Torneio de Cards e Miniaturas"/><span>Torneio de Cards e Miniaturas</span></a></li> <li><a href="#"><img src="4.jpg" width = 200 height = 150 alt="Live Action"/><span>Live Action</span></a></li> <li><a href="#"><img src="5.jpg" width = 200 height = 150 alt="Feira Medieval"/><span>Feira Medieval</span></a></li> <li><a href="#"><img src="6.jpg" width = 200 height = 150 alt="Arena de Duelos"/><span>Arena de Duelos</span></a></li> <li><a href="#"><img src="1.jpg" width = 200 height = 150 alt="Mesas de RPG"/><span>Mesas de RPG</span></a></li> <li><a href="#"><img src="2.jpg" width = 200 height = 150 alt="Palestras"/><span>Palestras</span></a></li> </ul> </div> <TABLE BORDER="0" width = 1025 height = 35> <TD> <font color="white"> Os RPGistas da Grande São Paulo já podem preparar seus dados, cards e miniaturas.<BR><BR> No dia 21 de agosto acontece em Taboão da Serra o <font color="yellow">RPG & ARTE<font color="white">, o primeiro evento da região com objetivo de reunir os amantes das artes de criar, imaginar e interpretar.<BR> Com apoio da Prefeitura Municipal, o encontro terá entrada franca e transporte gratuito a partir da estação Consolação do Metrô de São Paulo. Basta chegar ao acolhedor Liceu de Artes de Taboão da Serra e se inscrever numa das diversas atividades do dia:<BR> Palestras, oficinas, live-action, videogame, feira medieval, arena de duelos com armas de espuma, apresentações de artes marciais, torneios de cards e miniaturas... Sem esquecer, claro, das essenciais mesas de RPG!<BR> E para os twitteiros e blogueiros de plantão... Conexão de internet wi-fi liberada durante todo evento. <BR><BR> Um dia inteiro de aventuras, duelos e diversão garantida. É isso que a organização do RPG & ARTE quer oferecer. Convide seus amigos e ajude a criar um novo marco no calendário anual de todo RPGista. <BR><BR> E-mail para contato: <font color="yellow">eventoRPGarte@gmail.com<BR><font color="white"> Também estamos no Twitter: <font color="yellow">@RPGarte<font color="white"> </TD> </TD> </TD> </TABLE> <BR><BR> </body>