[Librezale] Proiektuen fitxetarako txantiloia

Ibai Oihanguren ibai a bildua oihanguren.com
Lar, Urt 30, 23:35:27, CET 2010


al., 2010.eko urtren 25a 18:37(e)an, Julen(e)k idatzi zuen:
> ig., 2010.eko urtren 24a 17:29(e)an, Ibai Oihanguren(e)k idatzi zuen:
>> Ikusi dut antza denek proiektuen txantiloitik ezin direla <p> etiketak
>> kendu, beraz CSSa aldatu dut berriro, hauen margin eta padding
>> propietateak 0an uzteko. Gainera, aurrekoan konturatu gabe semaforoak
>> zentratzen dituen agindua kendu nuen. Hemen berria:
>
> Aplikatu dut CSSa baina gauzak desitxuratzen ditu :S Atzera aurretik 
> zegoena utzi dut momentuz.
>
> Oker ez banago zabalerako pixeletan pasa zara eta salto egiten du 
> edukiak hurrengo lerrora, bai proiektuen txantiloian eta baita 
> metaproiektuenean ere.
>
> Proiektuetarako 900px erabil daitezke (edukiaren zatiaren %100a).
> Metaproiektuetarako 235px jarri nituen, gutxi gorabeherako bat 
> kalkulatuta, zabaldu daiteke nahi izanez gero.
>
> Berriro begiratzerik badaukazu?
>
> Julen.

Egin dizkiot aldaketak proiektu-kutxaren CSSari eta proiektu guztiak 
begiratu ditut ondo erakusten direla frogatzeko. Arazoren bat badago, 
bidaliko didazu pantaila-argazki bat konpontzen saiatzeko?

Kutxako argazkiaren tamaina 180x135px-ekoa izan beharko litzake, baina 
proiektu batzuetan irudi txikiagoak daude. Bestela dena ondo dago.



CSSa:


/* Proiektuen txantiloia */

div#proiektu-kutxa {
     background-color: #E9E9E9;
     color: #000000;
     -moz-border-radius: 6px;
     border: 0;
     padding-top: 10px;
     padding-bottom: 10px;
     display: inline-block;
     width: 100%;
}

div.metaproiektua {
     width: 445px !important;
     margin-left: 235px;
}

div#proiektu-kutxa ul {
     list-style: none;
     padding: 0;
}

div#proiektu-kutxa .logoa {
     padding: 4px 15px 3px 15px;
     height: 128px;
     width: 128px;
     text-align: center;
     margin: 0;
}

div#proiektu-kutxa .logoa p {
     padding: 0;
     margin: 0;
}

div#proiektu-kutxa .blokea {
     padding-left: 15px;
     padding-right: 15px;
     border-left: 1px solid #BBB;
     min-height: 135px;
     margin: 0;
}

div#proiektu-kutxa .blokea h3,
div#proiektu-kutxa .blokea h4 {
     font-weight: normal;
     padding: 0;
}

div#proiektu-kutxa .blokea h3 {
     background-color: inherit;
     color: #B03600;
     font-size: 1.2em;
}

div.metaproiektua .blokea h3 {
     background-color: inherit;
     color: #B03600 !important;
     font-size: 1.2em;
}

div#proiektu-kutxa .deskarga {
     width: 214px;
}

div#proiektu-kutxa .deskarga h4 {
     margin-left: 15px;
     font-size: 1em;
}

div#proiektu-kutxa .deskarga ul {
     margin-top: 10px;
     margin-left: 25px;
     line-height: 1.4;
}

div#proiektu-kutxa .deskarga ul li {
     background-repeat: no-repeat;
     background-position: left center;
}

div#proiektu-kutxa .deskarga ul li a {
     margin-left: 25px;
}

div#proiektu-kutxa .deskarga ul li.linux {
     background-image: url('icon-tux.png');
}

div#proiektu-kutxa .deskarga ul li.osx {
     background-image: url('icon-osx.png');
}

div#proiektu-kutxa .deskarga ul li.win {
     background-image: url('icon-win.png');
}


div#proiektu-kutxa .argazkia {
     width: 180px;
}

div#proiektu-kutxa .argazkia p {
     padding: 0;
     margin: 0;
}

div#proiektu-kutxa .meta {
     border-left: 1px solid #BBB;
     width: 255px;
}

div#proiektu-kutxa .meta h3 {
     color: #666;
     margin: 0 0 7px 0;
}

div#proiektu-kutxa .meta li {
     font-size: 0.9em;
}

div#proiektu-kutxa .meta p {
     text-align: center;
}



Librezale posta zerrendari buruzko informazio gehiago