• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

deathseeker25

[Closed Source] FileSearcher.portugal-a-programar.org - BETA version

107 mensagens neste tópico

Titulo do Projecto: FileSearcher

Última Versão: BETA

Líder do Projecto: deathseeker25

Membros Actuais do Projecto:

   

* deathseeker25

Descrição do Projecto:

Este é o projecto que iniciei há 2 dias atrás e que quero apresentar agora como versão BETA. Chama-se FileSearcher, é de facto baseado no Shareminer do nosso estimado pedrotuga e tem por objectivos facilitar a busca de ficheiros no Google. Não são ficheiros alojados em sites próprios, mas sim ficheiros que se encontrem pela web fora e que o Google tenha indexado.

http://filesearcher.portugal-a-programar.org

http://filesearcher.portugal-a-programar.org/video/

http://filesearcher.portugal-a-programar.org/blog/

http://filesearcher.portugal-a-programar.org/music/

Espero comentários relativamente ao design, funcionalidades e performance. De momento está alojado no meu servidor caseiro e possibilita apenas a procura por uma pequena quantidade de extensões de ficheiros.

Digg it !

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Vou dizer as minhas opiniões de design:

- No firefox aquilo está descentralisado.

- Acho que era mais bonito se puseses tudo numa mesma linha, a caixa, o selector e o butone.

- O logo podia estar melhor

- O fundo devia ser TODO preto

De resto ta bom....

UPDATE: A frame ta estranha mostrando scroll bars

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Vou dizer as minhas opiniões de design:

- No firefox aquilo está descentralisado.

- Acho que era mais bonito se puseses tudo numa mesma linha, a caixa, o selector e o butone.

- O logo podia estar melhor

- O fundo devia ser TODO preto

De resto ta bom....

UPDATE: A frame ta estranha mostrando scroll bars

Lá está a parte onde eu falho mais: o design. Apesar disso, tenho tentado evoluír no sentido de deixar as minhas aplicações minimamente apresentáveis. Agora vem a parte em que vocês me dão uma ajuda: em termos de CSS e HTML como posso eu fazer tudo isso que indicaste, LuRsT?

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

tens de começar por mudar o nome da div que se chama body e tirar o # que tens no css da body... aí já ficas com tudo preto...

depois, podia ficar assim:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FileSearcher BETA</title>
<meta name="keywords" content="search, google search, filesharing, directory navigation, avi, mp3, mpg, mp3, ram, mpeg, php, mysql, deathseeker">
<meta name="description" content="Image, Audio and video search engine that uses Google as page indexer">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #000000;
font:Verdana, Arial, Helvetica, sans-serif;
margin:0;
}

#header {
max-height:300px;
max-width:640px;
text-align:center;
}

#corpo {
color:#CCCCCC;
font-size:14px;
letter-spacing:inherit;
margin-left:inherit;
margin-right:inherit;
visibility:visible;
text-align: center;
}

#googleads {
text-align:center;
}

#footer {
color:#CCCCCC;
font-size:12px;
text-align:center;
}
</style>
</head>
<body>
<div id="header"> <img src="FileSearcher%20BETA_files/logo.gif"> </div>
<div id="corpo">
    <div style="width: 520px; text-align:center; margin:0 auto 0 auto;">
        <form id="search" name="search" method="post" action="result.php">
            <div style="float:left;margin-right: 10px;"> Search for the name and filetype of what you want to find:<br>
                <input name="text" id="text" size="50" value="" type="text">
            </div>
            <div style="float:left;margin-right: 10px;"> Choose a filetype:<br>
                <select name="filetype" id="filetype" option="">
                    <option value="avi">.avi</option>
                    <option value="mpg">.mpg</option>
                    <option value="mpeg">.mpeg</option>
                    <option value="mp3">.mp3</option>
                    <option value="wmv">.wmv</option>
                    <option value="ram">.ram</option>
                </select>
            </div>
            <div style="float:left;"> <br />
                <input value="Search" id="submit" name="submit" type="submit">
            </div>
        </form>
    </div>
    <div style="clear:both;"></div>
</div>
<br>
<div id="googleads">
    <script type="text/javascript"><!--
                google_ad_client = "pub-4286247242271003";
                google_ad_width = 468;
                google_ad_height = 60;
                google_ad_format = "468x60_as";
                google_ad_type = "text_image";
                //2007-04-29: videos, music, images, google, filesharing
                google_ad_channel = "7138739204+1156234765+2550001186+5277742591+5623548286";
                google_color_border = "FFFFFF";
                google_color_bg = "000000";
                google_color_link = "ffffff";
                google_color_text = "ffffff";
                google_color_url = "32527A";
                //-->
            </script>
    <script type="text/javascript" src="FileSearcher%20BETA_files/show_ads.js">
            </script>
    <iframe name="google_ads_frame" src="FileSearcher%20BETA_files/ads.htm"       marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true"       frameborder="0" height="60" scrolling="no" width="468"></iframe>
</div>
<div id="footer"> Deathseeker productions© <br>
    14 searches made </div>
</div>
</body>
</html>

claro está que as partes de css que estão inline ficariam melhor no header, mas como são pontuais, acho que não há problema de estarem inline...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

marinheiro, já apliquei as sugestões que deste. Muito obrigado.  :thumbsup:

De facto, está muito melhor neste momento, no que toca ao index. No que toca á frame que aparece depois de se fazer a primeira pesquisa, vou tratar de alterar agora de acordo com o que aprendi com a alteração do index.php.  :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

na frame, podes tirar o "(one only)", já que só consegues escolher um tipo só no select, e o butão fica na mesma linha que os textbox...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

na frame, podes tirar o "(one only)", já que só consegues escolher um tipo só no select, e o butão fica na mesma linha que os textbox...

Feito. Realmente não tinha muita lógica estar lá o "one only"... :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

OLHA BARIL! Ora ai está uma cena mesmo porreira, ainda aqui há 3 dias estava a pensar fazer uma coisa dessas só para 'consumo interno' para facilitar.

:thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

OLHA BARIL! Ora ai está uma cena mesmo porreira, ainda aqui há 3 dias estava a pensar fazer uma coisa dessas só para 'consumo interno' para facilitar.

:thumbsup:

Pronto, resolvi o teu problema e hei-de colocar isto para "consumo externo".  :thumbsup: De qualquer modo ainda vai no início, visto que quero adicionar mais algumas características á página para poder competir internacionalmente com outros serviços do género (e para aqueles que já me vieram perguntar se o FileSearcher era alguma tentativa de competição indirecta com o Shareminer, a resposta é Não, não é. O FileSearcher tem funções diferentes do Shareminer, para além de que o Shareminer é um projecto já bastante maduro).

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Gostei do trabalho em equipa, Eu critico o trabalho, o marinheiro dá o codigo, o deathseeker altera! Mas ainda nao esta centrado em firefox. Desejo sucesso para esse teu projecto :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Gostei do trabalho em equipa, Eu critico o trabalho, o marinheiro dá o codigo, o deathseeker altera! Mas ainda nao esta centrado em firefox. Desejo sucesso para esse teu projecto :thumbsup:

LuRsT, não está centado em Firefox? Estás a falar do banner? É que o banner não está centrado de propósito. :thumbsup: Eu acho que não fica mal, mas se vocês acham que ficaria melhor se estivesse centrado, eu coloco-o centrado.  :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Muito mais bonito centrado! Até porque no ie aparece centrado e não tem nada a ver colocares centrado num browser e noutro não. E quando puderes muda o logo. Acredita que eu também não sou bom a fazer designs mas acho que tenho um bom paladar de design :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eh pa eu centrava isso !

É que assim tem um mau aspecto ... :nono1:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Muito mais bonito centrado! Até porque no ie aparece centrado e não tem nada a ver colocares centrado num browser e noutro não. E quando puderes muda o logo. Acredita que eu também não sou bom a fazer designs mas acho que tenho um bom paladar de design :thumbsup:

Já está centrado !  :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu trocava "Search for the name and filetype of what you want to find:" por "Search for the name of what you want to find:". E na frame punha a pub do lado direito em cima para diminuir o tamanho da frame :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Eu trocava "Search for the name and filetype of what you want to find:" por "Search for the name of what you want to find:". E na frame punha a pub do lado direito em cima para diminuir o tamanho da frame :thumbsup:

Já alterei o "Search for the name of what you want to find:". No entanto, não estou a conseguir por a publicidade do lado direito para diminuir o tamanho da frame.  :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

No CSS:

#googleads {
position:absolute;
float:right;
top:3px;
right:3px;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

No CSS:

#googleads {
position:absolute;
float:right;
top:3px;
right:3px;
}

Corrigido.

Agora o problema parece ser outro em termos de design: não estou a conseguir colocar as coisas do lado esquerdo na frame. É que como está, fica o lado esquerdo todo por preencher e os Google Ads encostadinhos á direita... :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mete a cena do XHTML numa nova div e coloca a div assim:

.nome a {
border: 0px;
text-decoration: none;
}

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

No CSS:

#googleads {
position:absolute;
float:right;
top:3px;
right:3px;
}

Corrigido.

Agora o problema parece ser outro em termos de design: não estou a conseguir colocar as coisas do lado esquerdo na frame. É que como está, fica o lado esquerdo todo por preencher e os Google Ads encostadinhos á direita... :thumbsup:

No CSS da frame:

body {
position:absolute;
float:left;
text-align:left;
}

Mete a cena do XHTML numa nova div e coloca a div assim:

.nome a {
border: 0px;
text-decoration: none;
}

Não será antes .nome img? http://noobs.dreamhosters.com/ :thumbsup:
0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

No CSS:

#googleads {
position:absolute;
float:right;
top:3px;
right:3px;
}

Corrigido.

Agora o problema parece ser outro em termos de design: não estou a conseguir colocar as coisas do lado esquerdo na frame. É que como está, fica o lado esquerdo todo por preencher e os Google Ads encostadinhos á direita... :thumbsup:

No CSS da frame:

body {
position:absolute;
float:left;
text-align:left;
}

Mete a cena do XHTML numa nova div e coloca a div assim:

.nome a {
border: 0px;
text-decoration: none;
}

Não será antes .nome img? http://noobs.dreamhosters.com/ :thumbsup:

djthyrax introduzi o CSS que disseste mas ficou mal. Ora verifica lá... :D

P.S.: skin, exemplifica o que disseste porque não estou a compreender onde devo fazer isso...

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Esquece o CSS que pus aí. Altera o text-align: center; do #corpo para text-align: left; :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Esquece o CSS que pus aí. Altera o text-align: center; do #corpo para text-align: left; :thumbsup:

Continua a não dar o efeito pretendido. Alterei e apenas o "Back to FileSearcher BETA" é que se move para o lado esquerdo.  :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites
			<a href="index.php" target="_parent">Back to FileSearcher BETA</a><br />


		<div style="width: 520px; text-align:left; margin:0 auto 0 auto;">

Experimenta tirar este margin:0 auto 0 auto;

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Tipo mete:

.validated  a{

border: 0px;

text-decoration: none;

}

para no firefox tirares aquela borda azul feia :thumbsup:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites