S pomocou Martina Lojeka som vyskúšal nejaké nové vzhľady na stránkach mojej komunity.
Tento príspevok je pokračovaním predošlého blogu, ako sa dá upravovať vzhľad na mojejkomunite.
Ako sa k tomu dostať: klikni na "zmeniť vzhľad" pod vyhladavacim oknom na stranke kde chcete aplikovať zmenny.
![](/image/image_gallery?uuid=db3119db-89ef-4a1a-a29c-212da4372699&groupId=23980&t=1328222615821)
uvidíte viac možností, ale všimnite si hlavne DVE: TÉMY a CSS. Kliknite na CSS a tam do toho okna skopirujete text uvedený nižšie. Ukážku priehľadnosti si môžete pozrieť na TOMTO ODKAZE
#main-wrapper{
background: url("/image/image_gallery?uuid=9ae05189-209f-48b4-84bd-990a6d3089fd&groupId=23980&t=1327936832044");
}
#navigation a{
color:#000;
font-weight:bold;
}
Ak chcete mať v pozadí nejakú štruktúru (opakujúci sa obrázok) môžete sa inšpirovať na tejto stránke.
A tu máte kód, ktorý je na to pužitý.
#main-wrapper{
background: url("/c/document_library/get_file?uuid=5779fd33-83c0-44d1-b7ae-a0ca0af3f780&groupId=23980") repeat;
}
Ak chcete mať priehľadné aj nejaké okno, tak kliknite na ... (tri bodky) "nadstavenie vzhľadu" dajte "rozšírené štýlovanie a tam vložre tento kód:
#portlet-wrapper-56_INSTANCE_B4kZ{
background: url("/image/image_gallery?uuid=9ae05189-209f-48b4-84bd-990a6d3089fd&groupId=23980&t=1327936832044");
}
ak by to nefungovalo dobre.. tak kliknite na "Pridať CSS pravidlo práve pre tento portlet." toto vám tam napíše prvý riadok a potom tam doplníte len toto: (tak aby to malo rovnaký syntax ako vyššie uvedený kód)
background: url("/image/image_gallery?uuid=9ae05189-209f-48b4-84bd-990a6d3089fd&groupId=23980&t=1327936832044");
Podstránky (DETI) zmena fondu:
#navigation li ul li a{
color:#000;
font-size: 12px; /* velkost pisma v px */
}