Saltar para: Post [1], Comentários [2], Pesquisa e Arquivos [3]

SAPO Blogs

Directório de Blogs

por jonasnuts, em 09.11.07

Na equipa dos Blogs do SAPO trabalham, directamente, 6 pessoas. Eu, o Hugo, a Cláudia, o André, a Joana e o Pedro. São portanto seis opiniões acerca de tudo. Às vezes é fácil conciliar as opiniões, porque vão mais ou menos no mesmo sentido, às vezes e muito difícil, e às vezes é impossível.

É o caso do Directórios de Blogs. Eu, por exemplo, sou frontalmente contra a criação de um Directório automático, onde os Utilizadores se registem e se auto-cataloguem. Diz-me a experiência que, em muito pouco tempo, este tipo de Directórios ficam rapidamente cheios de "lixo" e de Blogs vazios, desactualizados, mal catalogados, fazendo com que o objectivo inicial do Directório seja defraudado. Torna-se inútil.

Já o Pedro, por exemplo, acha que devíamos experimentar.

Onde nós concordamos todos, é no facto de querermos disponibilizar uma ferramenta que permita aos interessados encontrar Blogs, tematicamente, para além das Tags (que sofrem um pouco do mesmo problema dos Directórios), e da pesquisa, e das várias listas disponíveis aqui. Estamos a trabalhar nisso, mas entretanto, lembrei-me de uma alternativa interessante.

O Pedro, muito antes de pensar vir a trabalhar nos Blogs do SAPO, tinha (e tem), uma Homepage nas Homepages do SAPO, onde tem uma coisa chamada "Blogo".
Ora, o Blogo tem um Directório de Blogs. Blogs alojados em qualquer plataforma, classificados de acordo com os critérios do Pedro.




Para quem anda à procura de Blogs, este Blogo é mais uma fonte de inspiração :)

49 comentários

  • Imagem de perfil

    De Pedro a 15.11.2007 às 15:11

    Boa tarde Alice,

    Podia copiar e colar todo o código CSS do seu blog, por favor?

    Quanto ao Favicon, que tutorial é que está a utilizar?
  • Imagem de perfil

    De Mamã Alice a 16.11.2007 às 10:01

    Olá bom dia Aqui vai a CSS:

    body { margin:10px; background: url('http://fotos.sapo.pt/titica/pic/000p0p52') fixed top center no-repeat; }
    form { margin:0; padding: 0; }
    a, a:link, a:active {color:#11699a; text-decoration:underline;}
    a:visited { color:#11699a; text-decoration:underline;}
    a:hover {color:#666666; text-decoration:underline;}
    p { margin:0px;}
    .clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
    #container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:870px; font-size:13px; color:#666; margin: auto; }
    #header {background: url('') no-repeat center; width:400px; height:100px; margin-bottom:10px; padding-left:0px; }
    #header {link rel="bookmark" href="favicon.ico" / e <link rel="shortcut icon" href="favicon.ico" ;}
    #header .title { font-size:26px; font-weight:bold; color:#ffffff; padding-top:80px; width:624px; text-align:left;}
    #header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover{ color:#ffffff; text-decoration:none;}
    .descri {font-size:14px; text-align:left; color:#11699a;}
    .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#11699a; text-decoration:underline}
    #extras { float:left; width:150px; padding-top:10px; padding-left: 10px; margin-right:10px; padding-bottom:13px;
    background:#ffffff;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;}
    #extras .title { font-size:12px; color:#11699a;}
    #extras p { color:#999; font-weight:bold;}
    #extras p a, p a:link, p a:active{ font-size:10px; color:#999999; text-decoration:underline; font-weight:normal;}
    #extras p a:visited { color:#999999; text-decoration:underline;}
    #extras p a:hover { color:#11699a; text-decoration:underline;}
    #extras .sep {margin-bottom:20px;}
    #extras .sepB {margin-bottom:5px; margin-top:5px;}
    #extras .sapo img { border:1px solid #CCC;}
    #extrasB { float:right; width:145px; background-color:#ffffff; padding-left:10px; padding-right:10px; padding-top:10px;}
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;}
    #extrasB .title { font-size:14px; color:#11699a;}
    #extrasB p { color:#999; font-weight:bold;}
    #extrasB p a, p a:link, p a:active{ font-size:11px; color:#999999; text-decoration:underline; font-weight:normal;}
    #extrasB p a:visited { color:#999999; text-decoration:underline;}
    #extrasB p a:hover { color:#11699a; text-decoration:underline;}
    #extrasB .sep {margin-bottom:20px;}
    #extrasB .sepB {margin-bottom:5px; margin-top:5px;}
    #extrasB .sapo img { border:1px solid #CCC;}
    #profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
    #messenger img { border:0px solid #CCC;}
    .buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #ffffff; background: #b8bbc2; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #787a80; border-right-color: #787a80; border-bottom-color: #787a80; border-left-color: #787a80;}
    .form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #787a80; background: #ffffff; border: 1px solid #787a80; margin-top:5px; padding-left:3px; padding-right:3px;}
    #calendar { text-align:center;}
    #calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#999999;}
    #calendar .dayNum { font-size:10px; font-weight:bold; color:#999999; float:left; width:19px; padding:2px 3px; height:19px;}
    #calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active{ color:#ffffff; text-decoration:underline; background-color:#999999; padding:2px 3px; }
    #calendar .dayNum a:hover { color:#ffffff; text-decoration:underline; background-color:#11699a; padding:2px 3px; }
    #calendar .today { font-size:10px; font-weight:bold; color:#ffffff; float:left; width:19px; padding:2px 3px; height:19px;}
    #calendar .today a, .today a:link, .today a:visited, .today a:active { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#11699a;}
    #calendar .today span { color:#ffffff; padding:2px 3px; background-color:#11699a;}
    #calendar .today a:hover{ color:#ffffff; text-decoratio
  • Imagem de perfil

    De Mamã Alice a 16.11.2007 às 10:02

    #calendar .today a, .today a:link, .today a:visited, .today a:active { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#11699a;}
    #calendar .today span { color:#ffffff; padding:2px 3px; background-color:#11699a;}
    #calendar .today a:hover{ color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#999999;}
    #barrita { text-align:center;}
    #posts { float:left; width:490px; padding-top:10px; padding-right:20px; padding-left:20px; font-size:13px; color:#666666;
    background:#ffffff;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60; }

    #posts .date { font-size:11px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; color:#666666;}
    #posts .title { font-size:18px; font-weight:bold; color:#11699a; margin-bottom:10px;}
    #posts p { margin:0px 0px 5px 0px; color:#666666; font-size:13px; font-weight:normal; }
    #posts p a, p a:link, p a:active {color:#11699a; text-decoration:underline; font-size:13px; font-weight:normal;}
    #posts p a:visited {color:#11699a; text-decoration:underline;}
    #posts p a:hover {color:#666666; text-decoration:underline;}
    #posts .sign { font-size:10px; margin-top:15px; color:#666666;}
    #posts .sep { width:548px; border-bottom:1px solid #cccccc; height:95px; margin-bottom:10px;}
    #posts .sepB { margin-bottom:05px;}
    #posts .otherInfo { margin:5px 0px; font-size:11px; color:#666666;}
    #posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
    #posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
    #comentar .title { font-size:16px; color:#11699A; font-weight:bold;}
    #comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#11699A;}
    #comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#666666;}
    #comentar .campo1C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
    #comentar .campo1D { width:360px; float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666; }
    #comentar .campo2 { width:260px; float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666; }
    #comentar .campo2 em { font-style:normal; font-weight:bold; color:#666666; font-size:13px;}
    #comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666;}
    #comentar .campo2C { width:260px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
    #comentar .campo2C em { font-style:normal; font-weight:bold; color:#666666;}
    #comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
    #comentar .campo2D em { font-style:normal; font-weight:bold; color:#666666;}
    #comentar p { margin:0px; color:#666; font-weight:bold; font-size:16px;}
    #comentar p a, p a:link, p a:visited, p a:active { color:#666; text-decoration:underline; font-weight:bold; font-size:16px;}
    #comentar p a:hover {color:#11699A; text-decoration:underline;}
    #comentar .txt {color:#666666; font-size:13px;}
    #comentar .options {font-size:10px;}
    #comentar2 { margin-left:20px;}
    #comentar2 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar2 .campo2C { width:240px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar3 { margin-left:40px;}
    #comentar3 .campo1C { width:320px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar3 .campo2C { width:220px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar4 { margin-left:60px;}
    #comentar4 .campo1C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar4 .campo2C { width:200px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar5 { margin-left:80px;}
    #comentar5 .campo1C { width:280px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
    #comentar5 .campo2C { width:180px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}

    /*SEARCH
  • Imagem de perfil

    De Mamã Alice a 16.11.2007 às 10:02

    Obrigado


    alice
  • Imagem de perfil

    De Pedro a 16.11.2007 às 10:55

    Então, o efeito de transparência da coluna da direita ficou de fora das chavetas.

    #extrasB { float:right; width:145px; background-color:#ffffff; padding-left:10px; padding-right:10px; padding-top:10px;}
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;}

    Apague aquela chaveta depois do padding-top:10px e já está.
  • Imagem de perfil

    De Mamã Alice a 16.11.2007 às 11:36

    É não é que já esta??

    Obrigado pela ajuda, são uma equipa espectacular.

    Alice
  • Imagem de perfil

    De Pedro a 15.11.2007 às 10:54

    O problema pode estar associado à utilização de uma Firewall. Podia dar-nos mais alguns dados relativamente a isso (se utiliza alguma firewall, se a sua configuração no acesso à net sofreu algumas alterações nos últimos dias, etc)?
  • Imagem de perfil

    De Francisco Fiúza a 17.11.2007 às 14:31

    boas Pedro , já sei de onde vem o problema, quando falaste da firewall , veio a confirmação, eu meti a segurança familiar do windows live para experimentar, e era isso que me estava a causar este problema.
    [Error: Irreparable invalid markup ('<br [...] <a>') in entry. Owner must fix manually. Raw contents below.]

    boas Pedro , já sei de onde vem o problema, quando falaste da firewall , veio a confirmação, eu meti a segurança familiar do windows live para experimentar, e era isso que me estava a causar este problema. <BR class=incorrect name="incorrect" <a>obrigadão</A> pela ajuda <img src="http://blogs.sapo.pt/images/mood/EMOTICON_BLINK.png">
  • Comentar post

    Pág. 1/2