Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Modificações em páginas HTML
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Modificações em páginas HTML
Boa tarde,
Gostaria de modificar duas coisas no meu fórum.
A Primeira, é que quando entro através da página html, fica escrito Vertigem na aba do navegador. Gostaria de retirar e colocar Clinica Cior no lugar.
A Segunda, gostaria de colocar um plug-in do facebook na própria página html, de forma que mostre a foto das pessoas que já curtiram a página. Desde já agradeço!
www.clinicacior.forumeiros.com
Gostaria de modificar duas coisas no meu fórum.
A Primeira, é que quando entro através da página html, fica escrito Vertigem na aba do navegador. Gostaria de retirar e colocar Clinica Cior no lugar.
A Segunda, gostaria de colocar um plug-in do facebook na própria página html, de forma que mostre a foto das pessoas que já curtiram a página. Desde já agradeço!
www.clinicacior.forumeiros.com
- Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style>
<!----------------------------------------------- Créditos: -----------------------------------------------!>
Está página foi desenvolvida por BrunoH. - Web Designer e Programador
Nome: BrunoH. Páginas HTML
Autor: BrunoH.
Link: http://brunohweb.tk/
Data: 11/07/2013
A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
<!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>
hr {
border-color: #fff;
}
#top5 {
display:none;
position: fixed;
left: 86.6%;
top: 97%;
color: #73AAFD;
font-family: "Courier New", Courier, monospace font-size:14px;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
opacity: 0.7;
-webkit-transition-duration: 1s;
background: rgb(27, 27, 27);
width: 20%;
-webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
}
#top5:hover {
height: 80%;
top: 47%;
opacity: 1;
}
#topo1 {
position: absolute;
left: 81%;
top: 1.5%;
color: rgb(211, 211, 211);
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
-webkit-transition-duration: 1s;
}
#topo2ip {
color: rgb(214, 214, 214);
display: inline;
}
#topo2 {
position: absolute;
top: 0%;
color: #73AAFD;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
background: transparent;
width: 98%;
-webkit-transition-duration: 1s;
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
padding: 4px;
}
#topo2:hover {opacity: 1;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
background: transparent;
margin-left: 80%;
margin-top: -10%;
width: 17%!important;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: transparent none repeat scroll 0% 0%;
color: rgb(185, 185, 185);
display: inline-block;
line-height: 35px;
padding: 0px 20px;
text-decoration: none;
border-radius: 3px;
font-size: 19px;
margin-left: 5px;
font-weight: 100 !important;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: center;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
}
#cssmenu > ul > li:hover > a {
color: rgba(255, 255, 255, 0.55);
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
.menu {
width: 87.2%;
background: transparent;
margin-top: 4%;
margin-left: 5%;
padding: 10px;
-webkit-border-radius: 7px 7px 0px 0;
color:#fff;
}
.menu a{
transition:all linear 0.5s;
-moz-transition:all linear 0.5s;
-webkit-moz-trasition:all linear 0.5s;
font-weight:bold;
color:#999999;
margin-right:35px;
text-decoration:none;
}
#tabela1 {
background: transparent;
width: 1%;
float: center;
height: 1%;
margin-top: 383px;
}
#tabela1 a{
text-decoration:none;
color:#000;
}
body{
background: rgb(0, 0, 0) url("http://images.forwallpaper.com/files/images/4/45d9/45d90ca4/314285/green-white-thread.jpg") no-repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
background-repeat: no-repeat;
background-size: 100pc;
}
.conectado {
margin-top: -2.9%;
margin-left: 6%;
position: absolute;
background: rgba(0, 0, 0, 0.18);
height: 37px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
border: 1px solid rgba(0, 0, 0, 0.35);
width: 87%;
}
.botao {
font-weight: bold;
color: white;
float: left;
padding: 0 13px 9px 13px;
line-height: 36px;
outline: none;
height: 26px;
text-decoration: none;
}
.botao a {
color: white;
text-decoration: none;
}
.botao:hover {
background: rgba(0, 0, 0, 0.1);
}
#brunoh {
background-color: #fbfbfb;
border: 1px solid rgb(231, 231, 231);
padding: 6px;
}
#tabcont-brunoh {
padding: 10px;
width: 600px;
background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
z-index: 1;
min-height: 100px;
color: white;
border-radius: 10px;
left: 22pc;
}
.copyright {
margin-top: 264px;
color: #5F5757;
}
div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgb(247, 246, 246);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 24pc;
height: 123px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
.tabmen:hover a {
font-size: 22px !important;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
</style>
<center>
<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Vertigem</title>
<center>
<div id="tabcont-brunoh">
<div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
<ul>
A Clinica Cior está há mais de cinco anos no mercado odontológico, com profissionais especializados e equipamentos de última geração. Cior, um sorriso muda tudo.
</ul>
</div>
</div>
</center>
<center>
<div class="menu">
<div id="cssmenu">
<center>
<div id="Soufoda">
</div>
<div id="sennior4" class="tabmen">
<div id="tab1" style="display: block; color:#CFCFCF;">
<ul>
<a href="/login">Login</a>
</ul>
</div>
</div>
<div id="sennior1" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/register">Registro</a>
</ul>
</div>
</div>
<div id="sennior2" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/portal">Cior Odontologia</a>
</ul>
</div>
</div>
</center>
</div>
</div>
<div class="copyright">
Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.
<br><img src="http://i58.tinypic.com/29pum3l.png"/>
</div>
</center>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
</center>
Última edição por kakakoro em 17.07.15 14:04, editado 1 vez(es)
Re: Modificações em páginas HTML
Olá!
Quanto ao título, já está, mas para a página do facebook, precisarei do endereço da página.
Segue com o título.
Cumprimentos.
Fraise
Quanto ao título, já está, mas para a página do facebook, precisarei do endereço da página.
Segue com o título.
- Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style>
<!----------------------------------------------- Créditos: -----------------------------------------------!>
Está página foi desenvolvida por BrunoH. - Web Designer e Programador
Nome: BrunoH. Páginas HTML
Autor: BrunoH.
Link: http://brunohweb.tk/
Data: 11/07/2013
A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
<!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>
hr {
border-color: #fff;
}
#top5 {
display:none;
position: fixed;
left: 86.6%;
top: 97%;
color: #73AAFD;
font-family: "Courier New", Courier, monospace font-size:14px;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
opacity: 0.7;
-webkit-transition-duration: 1s;
background: rgb(27, 27, 27);
width: 20%;
-webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
}
#top5:hover {
height: 80%;
top: 47%;
opacity: 1;
}
#topo1 {
position: absolute;
left: 81%;
top: 1.5%;
color: rgb(211, 211, 211);
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
-webkit-transition-duration: 1s;
}
#topo2ip {
color: rgb(214, 214, 214);
display: inline;
}
#topo2 {
position: absolute;
top: 0%;
color: #73AAFD;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
background: transparent;
width: 98%;
-webkit-transition-duration: 1s;
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
padding: 4px;
}
#topo2:hover {opacity: 1;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
background: transparent;
margin-left: 80%;
margin-top: -10%;
width: 17%!important;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: transparent none repeat scroll 0% 0%;
color: rgb(185, 185, 185);
display: inline-block;
line-height: 35px;
padding: 0px 20px;
text-decoration: none;
border-radius: 3px;
font-size: 19px;
margin-left: 5px;
font-weight: 100 !important;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: center;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
}
#cssmenu > ul > li:hover > a {
color: rgba(255, 255, 255, 0.55);
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
.menu {
width: 87.2%;
background: transparent;
margin-top: 4%;
margin-left: 5%;
padding: 10px;
-webkit-border-radius: 7px 7px 0px 0;
color:#fff;
}
.menu a{
transition:all linear 0.5s;
-moz-transition:all linear 0.5s;
-webkit-moz-trasition:all linear 0.5s;
font-weight:bold;
color:#999999;
margin-right:35px;
text-decoration:none;
}
#tabela1 {
background: transparent;
width: 1%;
float: center;
height: 1%;
margin-top: 383px;
}
#tabela1 a{
text-decoration:none;
color:#000;
}
body{
background: rgb(0, 0, 0) url("http://images.forwallpaper.com/files/images/4/45d9/45d90ca4/314285/green-white-thread.jpg") no-repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
background-repeat: no-repeat;
background-size: 100pc;
}
.conectado {
margin-top: -2.9%;
margin-left: 6%;
position: absolute;
background: rgba(0, 0, 0, 0.18);
height: 37px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
border: 1px solid rgba(0, 0, 0, 0.35);
width: 87%;
}
.botao {
font-weight: bold;
color: white;
float: left;
padding: 0 13px 9px 13px;
line-height: 36px;
outline: none;
height: 26px;
text-decoration: none;
}
.botao a {
color: white;
text-decoration: none;
}
.botao:hover {
background: rgba(0, 0, 0, 0.1);
}
#brunoh {
background-color: #fbfbfb;
border: 1px solid rgb(231, 231, 231);
padding: 6px;
}
#tabcont-brunoh {
padding: 10px;
width: 600px;
background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
z-index: 1;
min-height: 100px;
color: white;
border-radius: 10px;
left: 22pc;
}
.copyright {
margin-top: 264px;
color: #5F5757;
}
div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgb(247, 246, 246);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 24pc;
height: 123px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
.tabmen:hover a {
font-size: 22px !important;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
</style>
<center>
<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Clinica Cior</title>
<center>
<div id="tabcont-brunoh">
<div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
<ul>
A Clinica Cior está há mais de cinco anos no mercado odontológico, com profissionais especializados e equipamentos de última geração. Cior, um sorriso muda tudo.
</ul>
</div>
</div>
</center>
<center>
<div class="menu">
<div id="cssmenu">
<center>
<div id="Soufoda">
</div>
<div id="sennior4" class="tabmen">
<div id="tab1" style="display: block; color:#CFCFCF;">
<ul>
<a href="/login">Login</a>
</ul>
</div>
</div>
<div id="sennior1" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/register">Registro</a>
</ul>
</div>
</div>
<div id="sennior2" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/portal">Cior Odontologia</a>
</ul>
</div>
</div>
</center>
</div>
</div>
<div class="copyright">
Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.
<br><img src="http://i58.tinypic.com/29pum3l.png"/>
</div>
</center>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
</center>
Cumprimentos.
Fraise
Re: Modificações em páginas HTML
Olá!
Quanto a primeira dúvida troque o código por este:
Quanto a segunda dúvida, você pode obter o plugin usando as ferramentas do Facebook. Se tiver dificuldades para instalar, eu posso ajudar
Atenciosamente.
Quanto a primeira dúvida troque o código por este:
- Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style>
<!----------------------------------------------- Créditos: -----------------------------------------------!>
Está página foi desenvolvida por BrunoH. - Web Designer e Programador
Nome: BrunoH. Páginas HTML
Autor: BrunoH.
Link: http://brunohweb.tk/
Data: 11/07/2013
A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
<!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>
hr {
border-color: #fff;
}
#top5 {
display:none;
position: fixed;
left: 86.6%;
top: 97%;
color: #73AAFD;
font-family: "Courier New", Courier, monospace font-size:14px;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
opacity: 0.7;
-webkit-transition-duration: 1s;
background: rgb(27, 27, 27);
width: 20%;
-webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
}
#top5:hover {
height: 80%;
top: 47%;
opacity: 1;
}
#topo1 {
position: absolute;
left: 81%;
top: 1.5%;
color: rgb(211, 211, 211);
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
-webkit-transition-duration: 1s;
}
#topo2ip {
color: rgb(214, 214, 214);
display: inline;
}
#topo2 {
position: absolute;
top: 0%;
color: #73AAFD;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
background: transparent;
width: 98%;
-webkit-transition-duration: 1s;
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
padding: 4px;
}
#topo2:hover {opacity: 1;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
background: transparent;
margin-left: 80%;
margin-top: -10%;
width: 17%!important;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: transparent none repeat scroll 0% 0%;
color: rgb(185, 185, 185);
display: inline-block;
line-height: 35px;
padding: 0px 20px;
text-decoration: none;
border-radius: 3px;
font-size: 19px;
margin-left: 5px;
font-weight: 100 !important;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: center;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
}
#cssmenu > ul > li:hover > a {
color: rgba(255, 255, 255, 0.55);
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
.menu {
width: 87.2%;
background: transparent;
margin-top: 4%;
margin-left: 5%;
padding: 10px;
-webkit-border-radius: 7px 7px 0px 0;
color:#fff;
}
.menu a{
transition:all linear 0.5s;
-moz-transition:all linear 0.5s;
-webkit-moz-trasition:all linear 0.5s;
font-weight:bold;
color:#999999;
margin-right:35px;
text-decoration:none;
}
#tabela1 {
background: transparent;
width: 1%;
float: center;
height: 1%;
margin-top: 383px;
}
#tabela1 a{
text-decoration:none;
color:#000;
}
body{
background: rgb(0, 0, 0) url("http://images.forwallpaper.com/files/images/4/45d9/45d90ca4/314285/green-white-thread.jpg") no-repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
background-repeat: no-repeat;
background-size: 100pc;
}
.conectado {
margin-top: -2.9%;
margin-left: 6%;
position: absolute;
background: rgba(0, 0, 0, 0.18);
height: 37px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
border: 1px solid rgba(0, 0, 0, 0.35);
width: 87%;
}
.botao {
font-weight: bold;
color: white;
float: left;
padding: 0 13px 9px 13px;
line-height: 36px;
outline: none;
height: 26px;
text-decoration: none;
}
.botao a {
color: white;
text-decoration: none;
}
.botao:hover {
background: rgba(0, 0, 0, 0.1);
}
#brunoh {
background-color: #fbfbfb;
border: 1px solid rgb(231, 231, 231);
padding: 6px;
}
#tabcont-brunoh {
padding: 10px;
width: 600px;
background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
z-index: 1;
min-height: 100px;
color: white;
border-radius: 10px;
left: 22pc;
}
.copyright {
margin-top: 264px;
color: #5F5757;
}
div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgb(247, 246, 246);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 24pc;
height: 123px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
.tabmen:hover a {
font-size: 22px !important;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
</style>
<center>
<link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>{SITENAME}</title>
<center>
<div id="tabcont-brunoh">
<div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
<ul>
A Clinica Cior está há mais de cinco anos no mercado odontológico, com profissionais especializados e equipamentos de última geração. Cior, um sorriso muda tudo.
</ul>
</div>
</div>
</center>
<center>
<div class="menu">
<div id="cssmenu">
<center>
<div id="Soufoda">
</div>
<div id="sennior4" class="tabmen">
<div id="tab1" style="display: block; color:#CFCFCF;">
<ul>
<a href="/login">Login</a>
</ul>
</div>
</div>
<div id="sennior1" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/register">Registro</a>
</ul>
</div>
</div>
<div id="sennior2" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/portal">Cior Odontologia</a>
</ul>
</div>
</div>
</center>
</div>
</div>
<div class="copyright">
Copyright Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.
<br><img src="http://i58.tinypic.com/29pum3l.png"/>
</div>
</center>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
</center>
Quanto a segunda dúvida, você pode obter o plugin usando as ferramentas do Facebook. Se tiver dificuldades para instalar, eu posso ajudar
Atenciosamente.
Re: Modificações em páginas HTML
Olá!
Tudo bem, acesse: https://developers.facebook.com/docs/plugins
Após isso, será lhe alistado varias opções de como ira ficar o seu plugin:
Exemplo de como ira ficar se você escolher Like Button, que seria "Botão Gostar":
Ainda para mais, você pode escolher diferentes layouts de como será o seu "Like Button":
Por exemplo:
Agora você deve introduzir o endereço da sua página, e a largura do plugin:
Bem, quando tiver escolhido o seu design preferido clique em volte ao tópico e poste o código, que eu lhe ajudarei a integrar na página.
Atenciosamente.
Tudo bem, acesse: https://developers.facebook.com/docs/plugins
Após isso, será lhe alistado varias opções de como ira ficar o seu plugin:
Exemplo de como ira ficar se você escolher Like Button, que seria "Botão Gostar":
Ainda para mais, você pode escolher diferentes layouts de como será o seu "Like Button":
Por exemplo:
Agora você deve introduzir o endereço da sua página, e a largura do plugin:
Bem, quando tiver escolhido o seu design preferido clique em volte ao tópico e poste o código, que eu lhe ajudarei a integrar na página.
Atenciosamente.
Re: Modificações em páginas HTML
@Raffy
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Re: Modificações em páginas HTML
Olá!
Se não me engano eles passam dois códigos, certo? Poderia postar o outro também?
Atenciosamente,
Raffy
Se não me engano eles passam dois códigos, certo? Poderia postar o outro também?
Atenciosamente,
Raffy
Re: Modificações em páginas HTML
Olá!
De certeza que é esse o segundo código? Está me parecendo que falta qualquer coisa
Cumprimentos.
Fraise
Re: Modificações em páginas HTML
Olá amigo!
Reveja se fez tudo bem, pois nem o link da sua página está nos códigos e isso já é um sinal que não ira funcionar.
Tente fazer o processo novamente, não se esqueça de preencher nada.
Atenciosamente.
Reveja se fez tudo bem, pois nem o link da sua página está nos códigos e isso já é um sinal que não ira funcionar.
Tente fazer o processo novamente, não se esqueça de preencher nada.
Atenciosamente.
Re: Modificações em páginas HTML
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like"></div>
Re: Modificações em páginas HTML
Olá!
Isso não pode estar certo
Poderia me enviar o link da página, o design preferencial e todos os outros detalhes para eu próprio configurar? Se quiser pode enviar por MP
Atenciosamente,
Raffy
Isso não pode estar certo
Poderia me enviar o link da página, o design preferencial e todos os outros detalhes para eu próprio configurar? Se quiser pode enviar por MP
Atenciosamente,
Raffy
Re: Modificações em páginas HTML
@Raffy esta é a página
https://www.facebook.com/CiorCentroIntegradoDeOdontologiaRestauradora?ref=ts&fref=ts
O design é aquele standart mesmo de curtir.
https://www.facebook.com/CiorCentroIntegradoDeOdontologiaRestauradora?ref=ts&fref=ts
O design é aquele standart mesmo de curtir.
Re: Modificações em páginas HTML
Olá!
Você estava fazendo algo errado, pois aqui surtiu um código muito maior
Troque a página HTML por esta:
Atenciosamente,
Raffy
Você estava fazendo algo errado, pois aqui surtiu um código muito maior
Troque a página HTML por esta:
- Código:
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?"><title>Cior Odontologia</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style>
<!----------------------------------------------- Créditos: -----------------------------------------------!>
Está página foi desenvolvida por BrunoH. - Web Designer e Programador
Nome: BrunoH. Páginas HTML
Autor: BrunoH.
Link: http://brunohweb.tk/
Data: 11/07/2013
A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
<!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>
hr {
border-color: #fff;
}
#top5 {
display:none;
position: fixed;
left: 86.6%;
top: 97%;
color: #73AAFD;
font-family: "Courier New", Courier, monospace font-size:14px;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
opacity: 0.7;
-webkit-transition-duration: 1s;
background: rgb(27, 27, 27);
width: 20%;
-webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
}
#top5:hover {
height: 80%;
top: 47%;
opacity: 1;
}
#topo1 {
position: absolute;
left: 81%;
top: 1.5%;
color: rgb(211, 211, 211);
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
-webkit-transition-duration: 1s;
}
#topo2ip {
color: rgb(214, 214, 214);
display: inline;
}
#topo2 {
position: absolute;
top: 0%;
color: #73AAFD;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
background: transparent;
width: 98%;
-webkit-transition-duration: 1s;
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
padding: 4px;
}
#topo2:hover {opacity: 1;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
background: transparent;
margin-left: 80%;
margin-top: -10%;
width: 17%!important;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: transparent none repeat scroll 0% 0%;
color: rgb(185, 185, 185);
display: inline-block;
line-height: 35px;
padding: 0px 20px;
text-decoration: none;
border-radius: 3px;
font-size: 19px;
margin-left: 5px;
font-weight: 100 !important;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: center;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
}
#cssmenu > ul > li:hover > a {
color: rgba(255, 255, 255, 0.55);
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
.menu {
width: 87.2%;
background: transparent;
margin-top: 4%;
margin-left: 5%;
padding: 10px;
-webkit-border-radius: 7px 7px 0px 0;
color:#fff;
}
.menu a{
transition:all linear 0.5s;
-moz-transition:all linear 0.5s;
-webkit-moz-trasition:all linear 0.5s;
font-weight:bold;
color:#999999;
margin-right:35px;
text-decoration:none;
}
#tabela1 {
background: transparent;
width: 1%;
float: center;
height: 1%;
margin-top: 383px;
}
#tabela1 a{
text-decoration:none;
color:#000;
}
body{
background: rgb(0, 0, 0) url("http://images.forwallpaper.com/files/images/4/45d9/45d90ca4/314285/green-white-thread.jpg") no-repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
background-repeat: no-repeat;
background-size: 100pc;
}
.conectado {
margin-top: -2.9%;
margin-left: 6%;
position: absolute;
background: rgba(0, 0, 0, 0.18);
height: 37px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
border: 1px solid rgba(0, 0, 0, 0.35);
width: 87%;
}
.botao {
font-weight: bold;
color: white;
float: left;
padding: 0 13px 9px 13px;
line-height: 36px;
outline: none;
height: 26px;
text-decoration: none;
}
.botao a {
color: white;
text-decoration: none;
}
.botao:hover {
background: rgba(0, 0, 0, 0.1);
}
#brunoh {
background-color: #fbfbfb;
border: 1px solid rgb(231, 231, 231);
padding: 6px;
}
#tabcont-brunoh {
padding: 10px;
width: 600px;
background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
z-index: 1;
min-height: 100px;
color: white;
border-radius: 10px;
left: 22pc;
}
.copyright {
margin-top: 264px;
color: #5F5757;
}
div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgb(247, 246, 246);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 24pc;
height: 123px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
.tabmen:hover a {
font-size: 22px !important;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
</style>
</head><body><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><center>
<center>
<div id="tabcont-brunoh">
<div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
<ul>
A Clinica Cior está há mais de cinco anos no mercado odontológico, com profissionais especializados e equipamentos de última geração. Cior, um sorriso muda tudo.
</ul>
</div>
</div>
</center>
<center>
<div class="menu">
<div id="cssmenu">
<center>
<div id="Soufoda">
</div>
<div id="sennior4" class="tabmen">
<div id="tab1" style="display: block; color:#CFCFCF;">
<ul>
<a href="/login">Login</a>
</ul>
</div>
</div>
<div id="sennior1" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/register">Registro</a>
</ul>
</div>
</div>
<div id="sennior2" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/portal">Cior Odontologia</a>
</ul>
</div>
</div>
</center>
</div>
</div>
<div class="fb-like" data-href="https://www.facebook.com/CiorCentroIntegradoDeOdontologiaRestauradora?ref=ts&fref=ts" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
<div class="copyright">
Copyright Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.
<br><img src="http://i58.tinypic.com/29pum3l.png">
</div>
</center>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
</center></body></html>
Atenciosamente,
Raffy
Re: Modificações em páginas HTML
Ficou bom. Daria para reposicionar no canto superior esquerdo da tela?Porque ficou no meio da página e ficou estranho.
Re: Modificações em páginas HTML
Olá,
Veja se é assim que quer:
Atenciosamente.
Veja se é assim que quer:
- Código:
<html><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <link rel="shortcut icon" type="image/x-icon" href="http://gameofthrones-845.ah.bpcdn.net/favicon.ico?"><title>Cior Odontologia</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style>
<!----------------------------------------------- Créditos: -----------------------------------------------!>
Está página foi desenvolvida por BrunoH. - Web Designer e Programador
Nome: BrunoH. Páginas HTML
Autor: BrunoH.
Link: http://brunohweb.tk/
Data: 11/07/2013
A Copia desta página sem autorização do autor, poderá ser processado pois a página contem direitos autorais reservados!
<!-------------------------------- Não retire os créditos - @copyright 2013 -------------------------------!>
hr {
border-color: #fff;
}
#top5 {
display:none;
position: fixed;
left: 86.6%;
top: 97%;
color: #73AAFD;
font-family: "Courier New", Courier, monospace font-size:14px;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
opacity: 0.7;
-webkit-transition-duration: 1s;
background: rgb(27, 27, 27);
width: 20%;
-webkit-box-shadow: rgb(255, 255, 255) 1px 1px 6px;
}
#top5:hover {
height: 80%;
top: 47%;
opacity: 1;
}
#topo1 {
position: absolute;
left: 81%;
top: 1.5%;
color: rgb(211, 211, 211);
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
-webkit-transition-duration: 1s;
}
#topo2ip {
color: rgb(214, 214, 214);
display: inline;
}
#topo2 {
position: absolute;
top: 0%;
color: #73AAFD;
font-weight: bold;
text-shadow: black 0.15em 0.15em 0.2em;
background: transparent;
width: 98%;
-webkit-transition-duration: 1s;
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
padding: 4px;
}
#topo2:hover {opacity: 1;}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
background: transparent;
margin-left: 80%;
margin-top: -10%;
width: 17%!important;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: transparent none repeat scroll 0% 0%;
color: rgb(185, 185, 185);
display: inline-block;
line-height: 35px;
padding: 0px 20px;
text-decoration: none;
border-radius: 3px;
font-size: 19px;
margin-left: 5px;
font-weight: 100 !important;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: center;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
}
#cssmenu > ul > li:hover > a {
color: rgba(255, 255, 255, 0.55);
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
.menu {
width: 87.2%;
background: transparent;
margin-top: 4%;
margin-left: 5%;
padding: 10px;
-webkit-border-radius: 7px 7px 0px 0;
color:#fff;
}
.menu a{
transition:all linear 0.5s;
-moz-transition:all linear 0.5s;
-webkit-moz-trasition:all linear 0.5s;
font-weight:bold;
color:#999999;
margin-right:35px;
text-decoration:none;
}
#tabela1 {
background: transparent;
width: 1%;
float: center;
height: 1%;
margin-top: 383px;
}
#tabela1 a{
text-decoration:none;
color:#000;
}
body{
background: rgb(0, 0, 0) url("http://images.forwallpaper.com/files/images/4/45d9/45d90ca4/314285/green-white-thread.jpg") no-repeat;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
background-repeat: no-repeat;
background-size: 100pc;
}
.conectado {
margin-top: -2.9%;
margin-left: 6%;
position: absolute;
background: rgba(0, 0, 0, 0.18);
height: 37px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
border: 1px solid rgba(0, 0, 0, 0.35);
width: 87%;
}
.botao {
font-weight: bold;
color: white;
float: left;
padding: 0 13px 9px 13px;
line-height: 36px;
outline: none;
height: 26px;
text-decoration: none;
}
.botao a {
color: white;
text-decoration: none;
}
.botao:hover {
background: rgba(0, 0, 0, 0.1);
}
#brunoh {
background-color: #fbfbfb;
border: 1px solid rgb(231, 231, 231);
padding: 6px;
}
#tabcont-brunoh {
padding: 10px;
width: 600px;
background: rgba(188, 180, 180, 0.12) none repeat scroll 0% 0%;
z-index: 1;
min-height: 100px;
color: white;
border-radius: 10px;
left: 22pc;
}
.copyright {
margin-top: 264px;
color: #5F5757;
}
div#soufoda {
position: relative;
left: -39pc;
top: 9pc;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
background-color: rgb(247, 246, 246);
border-color: rgba(0, 0, 0, 0.188235);
border-radius: 6px;
border-style: solid;
border-width: 1px 1px 3px;
box-shadow: rgba(66, 66, 66, 0.760784) 0px 0px 2px inset;
color: rgb(249, 249, 249);
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
width: 24pc;
height: 123px;
}
div#sennior1 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
.tabmen:hover a {
font-size: 22px !important;
}
div#sennior4 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-color: transparent;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
div#sennior2 {
position: relative;
top: 13px;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-webkit-transition: background-color .5s;
border-width: 1px 1px 3px;
color: #F9F9F9;
display: block;
font-size: 14px;
font-weight: 700;
padding: 3px 6px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
transition: background-color .5s;
width: 24pc;
left: -39pc;
}
.fb-like {
margin-right: 53%;
}
</style>
</head><body><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_PT/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><center>
<div align="left" class="fb-like" data-href="https://www.facebook.com/CiorCentroIntegradoDeOdontologiaRestauradora?ref=ts&fref=ts" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> <br><br>
<center>
<div id="tabcont-brunoh">
<div id="tab1" style="font-size:13px; color: rgb(171, 171, 171); display: block;">
<ul>
A Clinica Cior está há mais de cinco anos no mercado odontológico, com profissionais especializados e equipamentos de última geração. Cior, um sorriso muda tudo.
</ul>
</div>
</div>
</center>
<center>
<div class="menu">
<div id="cssmenu">
<center>
<div id="Soufoda">
</div>
<div id="sennior4" class="tabmen">
<div id="tab1" style="display: block; color:#CFCFCF;">
<ul>
<a href="/login">Login</a>
</ul>
</div>
</div>
<div id="sennior1" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/register">Registro</a>
</ul>
</div>
</div>
<div id="sennior2" class="tabmen">
<div id="tab1" style="display: block;">
<ul>
<a href="/portal">Cior Odontologia</a>
</ul>
</div>
</div>
</center>
</div>
</div>
<div class="copyright">
Copyright ® Criação de BrunoH. / Edição por Fraise, Carlos Silveira em parceria com a clínica Cior Odontologia.
<br><img src="http://i58.tinypic.com/29pum3l.png">
</div>
</center>
<a href="http://www.forumeiros.com" target="_blank" style="display: none;"> Fórumeiros</a>
</center></body></html>
Atenciosamente.
Re: Modificações em páginas HTML
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos