[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