::..Hunter..::
-
Total de itens
185 -
Registro em
-
Última visita
Posts postados por ::..Hunter..::
-
-
<script language="JavaScript1.2">
<!--
if (screen.height <= 600) {
criar uma variável com valor "13px"}
if (screen.height >= 768) {
criar uma variável com valor "126px"}
}
//-->
</script>
<div id="Layer1" style="position: absolute; left:mostrar a variável aqui; top:21px; width:120px; height:80px; z-index:1">blablabla</div>
Tentei fazer em php mas ele não mostra a variável quando é 800, eu fiz assim:
<script language="JavaScript1.2">
<!--
if (screen.height <= 600) {
<?php $pos= "13px"?>}
if (screen.height >= 768) {
<?php $pos= "126px"?>
}
//-->
</script>
<div id="Layer1" style="position: absolute; left:<?php echo $pos?>; top:21px; width:120px; height:80px; z-index:1">blablabla</div>
-
não existe meio de bloquear a cópia de um site, basta olhar o código fonte e voalá, tá clonado.
-
Mandei um e-mail pro cara dos bugs do IE e ele prontamente me respondeu:
Look that the upper border disappears in the IE 6.
Add this to the CSS:
/* \*/
* html #menuhor li a {height: 1%;}
/* */
That is the Holly hack, and it will give the link
"layout" for IE, so the bug will not happen.
John
Agora tá 100% funcionando!!!!
o código completo ficou assim:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem título</title>
<style type="text/css">
/* \*/
* html #menuhor li a {height: 1%;}
/* */
#menuhor {
padding: 3px 0;
margin:0;
float:right;
font:bold 10px "Trebuchet MS", sans-serif;
}
#menuhor li {
list-style: none; margin: 0;
display: inline;
}
#menuhor li a {
padding: 3px 0.1em;
margin:0;
border: 1px solid #f00; border-bottom: none;
background: #999;
text-decoration: none;
}
#menuhor li a:link {
color: #fff;
}
#menuhor li a:visited {
color: #fff;
}
#menuhor li a:hover {
color: #000; background: #ccc;
border-color: #000;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<ul id="menuhor">
<li>
<a href="#" title="Entrada no site">Home</a>
</li>
<li>
<a href="#" title="Área de tutorial CSS">CSS Tutorial</a>
</li>
<li>
<a href="#" title="Técnicas de layout com CSS"
>CSS Layout</a>
</li>
<li>
<a href="#" title="Técnicas de efeitos em links"
>CSS Links</a>
</li>
<li>
<a href="#" title="Construção de menus"
>CSS Menu</a>
</li>
<li>
<a href="#" title="CSS para impressão"
>CSS Print</a>
</li>
<li>
<a href="#" title="Importação de folhas de
estilo">CSS @import</a>
</li>
<li>
<a href="#" title="Fale conosco">Contato</a>
</li>
</ul>
</body>
</html>
-
Illidan, tentei com o seu código e também não funfou, no Firefox funciona, mas o maldito IE e seus bugs só atrapalham a minha vida.
estou lendo estes site http://www.positioniseverything.net/explorer.html onde o cara coleciona bugs do IE, vou mandar um email pra ele com mais este bug que faz sumir a borda superior.
-
resolvi testar o Menu horizontal - Barra de navegação do site: http://www.maujor.com/tutorial/cssmenu.php e como ele aparece a esquerda resolvi colocar ele a direita e a borda superior sumiu, confira AQUI. As linhas que eu acrescentei foram:
position: absolute;
top: 55px;
right: 5px;
porque isso acontece, no posicionar diferente ele esconde a borda superior?
Perguntei pro maujor por e-mail mas ele não me respondeu.
Apelo pro santo fórum, hehe!
Amém!
-
pra exibição das letras em maiúsculas direto no formulário use CSS.
<style type="text/css">
INPUT {text-transform: uppercase;}
</style>
-
Consegui, tá aí pro povão ver:
$nova = imagecreatetruecolor($largurad,$alturad);
pra o thumb aparecer quadradro: substitua o valor em vermelho pelo que você quer e não pelo tamanho do thumb. O script é o mesmo do 1º post.
queimei a mufa mas resolvi.
-
o script é o mesmo, apenas tenho que alterar a linha da criação da imagem, ainda estou decifrando como funciona, quando conseguir posto aqui pro povão ver.
-
desculpe a intromissão, mas isso não seria javascript?
<script Language="JavaScript">
function validate(theForm) {
if (theForm.email.value == "")
{
alert("Digite seu E-mail!");
theForm.email.focus();
return (false);
}
return (true);
}
</script>
e no form coloca assim:
<form action="formulario.htm" method="post" onsubmit="return validate(this);">
-
Você precisa dar uma olhada bem de perto nas fotos pra ver como a redução funciona. Tem vários jeitos de reduzir, cada um escolhe o seu...
Dá uma olhada nesse link pra ver como funciona a redução e como se faz pra pegar só uma parte da figura:
Error404, tu é o cara, com essa dica consigo aprender a copiar parte da imagem.
-
pois é, não sei como o script funciona, deu uma olhada nos thumbs do site www.bemnafoto.com.br?
parece que ele reduz a foto e o que não cabe no thumb ele "corta", exibindo apenas o que cabe no "quadrado", que é o tamanho do thumb.
-
Tenho um script que redimensiona a foto pra o tamanho definido na altura, mas queria um script que redimensionasse pra um tamanho fixo.
EX: 50px de altura por 50px de largura.
Esse script reduziria a foto e pegaria um "quadrado" dela pra colocar no tamanho 50x50, parecido com o sistema de exibição de thumbs do site www.bemnafoto.com.br, que não importa o tamanho da foto ele transforma o thumb num quadrado, sem encolher ou espichar a foto pra caber.
Alguém sabe como faz isso?
O script que tenho é este, se der pra adaptar eu agradeço.
<?
header("Content-type: image/jpeg");
$im = imagecreatefromjpeg($_GET['imagem']);
$largurao = imagesx($im);
$alturao = imagesy($im);
$alturad = 200;
$largurad = ($largurao*$alturad)/$alturao;
$nova = imagecreatetruecolor($largurad,$alturad);
// $cinza = ImageColorAllocate($nova,190,190,190);
imagecopyresized($nova,$im,0,0,0,0,$largurad,$alturad,$largurao,$alturao);
imagejpeg($nova);
imagedestroy($nova);
imagedestroy($im);
?>
-
-
Sim tem como sim... usa no onclick do link assim:
window.evento.location.href = "pagina.htm"
O "evento" é o nome de destino da página que deseja abrir.
Falows
Desculpe renan mas não entendi direito, o evento sendo um iframe ficaria assim?
<a window.evento.location.href="fotos.php?dir=images/galeria/<? echo "$dados[pasta]/&id=$dados[id]&evento=$dados[nome]&tipo=$dados[tipo]";?>" target="fotos">< <? echo $dados[nome];?> ></a>
E dá pra fazer ele abrir mais de 1 no windows.xxxxx.location.href? Como ficaria?
-
Sou eu xaropeando de novo, mas como estou meio perdido em <iframe> peço + uma ajuda pra galera do fórum.
Estou usando 1 link para enviar informações e abrir uma página dentro de um iframe chamado fotos:
<a href="fotos.php?dir=images/galeria/<? echo "$dados[pasta]/&id=$dados[id]&evento=$dados[nome]&tipo=$dados[tipo]";?>" target="fotos">< <? echo $dados[nome];?> ></a>
Eu queria enviar esta mesma informação também para outro iframe chamado evento simultaneamente, tem como fazer isso?
Tipo assim:
<a href="fotos.php?dir=images/galeria/<? echo "$dados[pasta]/&id=$dados[id]&evento=$dados[nome]&tipo=$dados[tipo]";?>" target="fotos" e target="evento">< <? echo $dados[nome];?> ></a>
-
tenta atribuir essa tua classe "iframe" no body da página q tah no src do iframe que dae funciona...
Valeu meu camarada, eu devia colocar o código css scroolbar no body da página que era carregada dentro do iframe.
Eu adoro esse fórum.
-
Esse negócio de não exibir o código é impossível, puro papo furado, se ele vai vender a "mágica" vão acabar analisando e vão dar um jeito de quebrar a "mágica", assim como a trava starforce 3 pra jogos em DVD, que dizia ser inquebrável e já foi quebrada.
-
essa tag esta na página
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
tirá e testa!
retirei a tag e não funfou, também coloquei .iframe no css e dei class="iframe" no <iframe> e nada.
Eu queria um scroll do iframe como deste site: http://www.conectt.com.br/index.asp?idGPai...c=157&abertos=-
Será que estou fazendo algo errado?
Aqui vai o código pra análise:
<html>
<head><title><? echo $tsite?></title>
<? include("path.php");
$tipo = $_GET["tipo"];
?>
<style type="text/css">
<!--
#imgpos {
position:absolute;
left:50%;
top:50%;
margin-left:-389px;
margin-top:-208px;
}
body {
margin: 0;
padding: 0;
}
.iframe {
SCROLLBAR-FACE-COLOR: #f4f4f4;
SCROLLBAR-HIGHLIGHT-COLOR: #e4e3e3;
SCROLLBAR-3DLIGHT-COLOR: #e4e3e3;
SCROLLBAR-ARROW-COLOR: #504e4e;
SCROLLBAR-TRACK-COLOR: #f6f3f3;
SCROLLBAR-DARKSHADOW-COLOR: #e4e3e3;
}
.style1 {
font-size: 24px;
font-family: <? echo $fonte ?>;
color: <? echo $coronmouse ?>;
text-align: center;
}
-->
</style>
<input type="hidden" value="<? echo $evento?>" name="teste">
</head>
<body>
<table width="779" style="border: 1px dashed <? echo $cortexto?>; background-color: <? echo $corfundosite ?>" border="0" align="left" cellpadding="2" cellspacing="0" id=imgpos>
<tr>
<td width="190" rowspan="2" valign="top" align="left" bgcolor="<? echo $corfundosite ?>">
<br><div align="center"><a href="../index.php" target="_parent">
<img src="nbjg_gif.gif" border="0" width="150" height="41" alt="[ voltar a página principal ]"></a><br>
<img src="nbjg_texto.gif" width="150" height="16"></p>
</div>
<p class="style1">[ <? echo $tipo?> ]</p>
<iframe class="iframe" width="190" height="265" frameborder="0" marginheight="0" marginwidth="0" name="menu" scrolling="auto" src="menu_geral.php?tipo=<? echo $tipo?>"></iframe>
</td>
<td width="565" align="right" colspan="3" style="border-bottom: 1px dashed <? echo $cortexto?>">
<font color="<? echo $cortexto?>" size="<? echo $ttitulo?>" face="<? echo $fonte?>"><strong><span style="text-transform: uppercase">
<? echo "$evento";?></strong></font>
</td>
</tr>
<tr>
<td width="205" valign="top" align="left">
<iframe width="205" height="370" frameborder="0" marginheight="0" marginwidth="0" name="fotos" scrolling="no" src="fotos.php?dir=<? echo $dir?>"></iframe>
</td>
<td width="330" valign="top" align="left" style="background-color: <? echo $corfundosite ?>">
<iframe width="330" height="370" frameborder="0" marginheight="0" marginwidth="0" name="exibe_foto" scrolling="no" src="zoom.php?dir=<? echo $dir?>&foto=<? echo $foto?>&evento=<? echo $evento;?>" style="background-color: <? echo $corfundosite ?>"></iframe>
</td>
</tr>
</table>
</body>
</html>
-
é pra ti enviar fotos ou arquivos em geral através de um formulário.
Sem isso só dá pra enviar texto, sem nada anexado.
É isso né?
-
Já tentei criar um css com da seguinte maneira:
iframe {
SCROLLBAR-FACE-COLOR: #f4f4f4;
SCROLLBAR-HIGHLIGHT-COLOR: #e4e3e3;
SCROLLBAR-3DLIGHT-COLOR: #e4e3e3;
SCROLLBAR-ARROW-COLOR: #504e4e;
SCROLLBAR-TRACK-COLOR: #f6f3f3;
SCROLLBAR-DARKSHADOW-COLOR: #e4e3e3;
}
mas não aparece na hora da exibição do iframe, porque?
-
Faz uma página e coloca uma tabela que ocupa ela toda (widht = 100% , height=100%) ,cria uma linha, divide essa linha em três colunas, como você quer dividir igualmente coloca na largura (height) de cada linha 33%. Aí dentro de cada coluna você coloca um iFrame que tenha de largura e altura 100% também:
<iframe width="100%" height="100%"></iframe>
E pronto. Para fazer o direcionamento padrão de um iFrame, você dá nome a cada um deles (name="nome") dentro da tag do frame e coloca no "target" do frame o nome do frame "alvo" , entendeu? Não sei se fui muito claro, ah vou vazer um exemplo:
<table cellpadding="0" cellspacing="0" align="center" width="100%" height="100%"> <tr> <td width="33%"><iframe width="100%" height="100%" name="frame1" target="frame2"></iframe></td> <td width="33%"> <iframe width="100%" height="100%" name="frame2" target="frame3"></iframe></td> <td width="33%"> <iframe width="100%" height="100%" name="frame3" target="frame2"></iframe></td> </tr> </table>
É isso...
Falows
ok, mas não entendi se o que eu colocar dentro do iframe1, por exemplo, 1 link, como ele vai abrir no iframe2? Não precisa colocar no link um target="frame2"?
ex:
<td width="33%"><iframe width="100%" height="100%" name="frame1" target="frame2"><a href="link.htm" target="frame2">link1</a></iframe></td>
Só isso?
-
Quero fazer 3 colunas com 1 iframe (não frame) dentro de cada coluna.
EX:
coluna 1 (iframe) pula pra coluna 2 (iframe) que pula pra coluna 3 (iframe).
melhor ainda:
iframe 1 contem links que se clicado vai pra coluna 2 que contem outros links que se clicado vai pra coluna 3 e mostra outra coisa.
Alguém entendeu??
-
infelizmente não tem como fazer borda arredondada em css 1 e 2, somente com css3, ainda não suportada por nenhum browser.
-
Resolvi me aventurar no CSS, que estou achando o máximo, para a construção de um novo layout para um site, e no FIREFOX ele fica perfeito, mas no maldito IE fica uma m...
Já vi que vou ter que criar um código em php ou javascript pra analisar o browser do usuário pra lançar o estilo.css pra cada um, mas não sei o que estou fazendo de errado que no IE ele bagunçou tudo.
Quem estiver a fim de decifrar este "enigma" eu agradeço.
-- CÓDIGO --
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Prefeitura de Gravatai</title>
<style type="text/css">
BODY {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
color: #333;
background: #fff;
}
#cabecalho {
position: fixed;
width: 100%;
height: 90px;
top: 0;
right: 0;
left: 0;
bottom: auto;
background:#ffc;
}
#atalho {
position: fixed;
width: 100%;
height: 15px;
top: 91px;
right: 0;
left: 0;
bottom: auto;
background: #000;
color: #fff;
padding: 1px 0 1px 5px;
}
#menu_esquerdo {
position: fixed;
width: 150px;
height: auto;
top: 112px;
right: auto;
bottom: 0;
left: 0;
background:#fff;
border-right: 1px dashed #333;
}
#bloco_esquerdo {
display: block;
position: fixed;
width: 140px;
height: auto;
top: 113px;
right: auto;
bottom: 45px;
left: 5px;
background: #ccc;
}
#menu_direito {
position: fixed;
width: 150px;
height: auto;
top: 112px;
right: 0;
bottom: 0;
left: auto;
background:#fff;
border-left: 1px dashed #333;
}
#bloco_direito {
display: block;
position: fixed;
width: 140px;
height: auto;
top: 113px;
right: 5px;
bottom: 45px;
left: auto;
background: #ccc;
}
#meio {
position: fixed;
color: #333;
width: auto;
height: auto;
top: 112px;
right: auto;
bottom: 0;
left: 151px;
background:#fff;
border: 0 0 0 0;
}
#rodape {
text-align: center;
position: fixed;
width: 100%;
height: 40px;
border-top: 1px solid #000;
border-bottom: 0;
border-right: 0;
border-left: 0;
top: auto;
right: 0;
bottom: 0;
left: 0;
background:#fff;
font-size: 9px;
color: #333;
}
p.menu_superior {
right: 5px;
top: 66px;
position: fixed;
background: #ffc;
}
.menu_superior a {
font: 11px verdana, helvetica, sans-serif;
color: #000;
text-decoration: none;
background: #fc0;
text-align: center;
padding: 1px 5px;
margin-right: -1px;
border: 1px solid #000;
}
.menu_superior a:hover {
color: #fff;
background: #000;
}
.menu_superior a span {
display:none;
}
.menu_superior a:hover span {
display: block;
position: fixed;
width: 100%;
height: 15px;
top: 91px;
right: 0;
left: 0;
bottom: auto;
background: #000;
color: #fff;
padding: 1px 0 1px 5px;
text-align: left;
z-index: 100;
}
</STYLE>
</head>
<body>
<div id="cabecalho">
<p class="menu_superior">
<a href="index.php" >Home<span>Página de entrada no site</span></a>
<a href="cidade.php">A cidade<span>Conheça nossa cidade</span></a>
<a href="perfil.php">Perfil<span>Perfil sócio-econômico de Gravataí</span></a>
<a href="historia.php">História<span>O nome Gravataí, os prefeitos anteriores</span></a>
<a href="localizacao.php">Localização<span>Principais distâncias</span></a>
</p>
</div>
<div id="atalho">home</div>
<div id="menu_esquerdo">
<div id="bloco_esquerdo"></div>
</div>
<div id="meio"> nononononononon </div>
<div id="menu_direito">
<div id="bloco_direito"></div>
</div>
<div id="rodape">
Prefeitura Municipal de Gravataí<br />
Rua José Loureiro da Silva, 1350 - Centro - Gravataí<br />
CEP 94 010 000 - Rio Grande do Sul - Brasil
</div>
</body>
</html>
-- FIM DO CÓDIGO --
Script Php Dentro De Javascript Funciona?
em PHP
Postado
Tentei fazer em php com javascript mas ele não mostra a variável quando é 800, eu fiz assim:
<script language="JavaScript1.2">
<!--
if (screen.height <= 600) {
<?php $pos= "13px"?>}
if (screen.height >= 768) {
<?php $pos= "126px"?>
}
//-->
</script>
<div id="Layer1" style="position: absolute; left:<?php echo $pos?>; top:21px; width:120px; height:80px; z-index:1">blablabla</div>
</div>
ele só mostra se tá em 768, em 600 não. Alguma coisa tá errado, certo?