Blog (126)
Komentarze (1.5k)
Recenzje (0)
@BananMotywy

Motywy

03.04.2012 | aktual.: 04.04.2012 06:39

Na co dzień korzystamy z wielu programów i systemów. Często bywa tak, że rezygnujemy z oprogramowania o bardzo dużych możliwościach na rzecz innego, mniej funkcjonalnego lecz ładniejszego. Niestety nie zdajemy sobie sprawy z tego, że porzucony przez nas program lub system może przypaść nam również do gustu względem estetycznym. Tylko, że nie zawsze chce nam się zmieniać jego domyślne ustawienia. Poniżej w punktach opiszę wam kilka przykładowych motywów na różne programy i systemy.

1. Android

Żeby zmienić wygląd Androida najczęściej trzeba mieć odblokowanego smartfona (bądź tablet). Oczywiście osoba leniwa nie będzie tego robić. Motywy można łatwo zmieniać i doinstalowywać w cyjanogenmod. Natomiast nie jest to jedyna opcja. Ja posiadam LG Swift Optimus Black (edycja biała) i cyan na ten telefon działa jeszcze niestabilnie i ma dużo błędów. Ale świat na tym systemie się nie kończy jest jeszcze np. Zeus (następca Novy), w którym skórki instaluje się poprzez recovery. Wgrywamy zipa na kartę pamięci i instalujemy. Ja zrobiłem własny theme na ten system (komórkę), a nazwałem go Kolocek. Oparty jest o kilka innych motywów i oczywiście dużo też moich modyfikacji. Wygląda trochę jak Android 4.0 tylko, że w wersji zielonej.

92426
92427
92428
92429

Jak edytować taki motyw? Jest to bardzo proste! Nie tylko tu ale i w poniższych punktach opiera się to zazwyczaj na tym samym. Należy...

  • rozpakować paczuszkę
  • zmienić grafikę lub prosty kod
  • spakować
  • wgrać do programu lub systemu

2. Google Chrome

Niespełna rok temu napisałem wpis pod tytułem "Google Chrome - własna skórka =) ". Jest on nadal aktualny więc możecie sobie za jego pomocą zrobić motyw do Chroma. Ja na razie nie używam w tej przeglądarce motywu ponieważ systemowy (zielony) mi w zupełności wystarcza.

412226

3. Tlen

Nasz Polski multikomunikator Tlen ma bardzo dużo przydatnych funkcji. Znalazło się również miejsce na motywy. W ustawieniach Wyglądu jest do wyboru aż 8 motywów. Każdy odpowiada za coś innego:

  • motyw główny
  • motyw rozmowy
  • emotikony
  • motyw listy kontaktów
  • motyw powiadomień
  • motyw dźwiękowy
  • motyw dymków
  • styl Qt

My zajmiemy się motywem rozmowy. Pobieramy np. ten styl. Po zainstalowaniu wygląda on tak:

412231

Lecz taki styl mi się nie podoba, bo chciałbym czarne tło z białymi napisami i zielonym kolorem nicków. Niestety nie mogłem nigdzie takiego znaleźć. Więc zmieniam program? Absolutnie nie, wystarczy wykonać kilka prostych zabiegów. W tym akurat przypadku dokładna nazwa pliku, który pobraliśmy to chat_gg7.o2e oczywiście pod tym kryje się zwykły zip. Więc zmieniamy rozszerzenie z .o2e na .zip i rozpakowujemy. Pojawia nam się folder gg7, a w nim między innymi znajduje się pliczek chat.style, a w nim kod CSS, który edytujemy. Jeśli nic prócz kolorów nie chcemy zmieniać skupiamy się na tym co jest od .

<style type="text/css">
<!--

body
{	margin: 0px; 
	background:  #F5F5E6;
	word-wrap: break-word;
	width: 100%;
}

.send
{
	background:  #F5F5E6;
	font-family: "MS Sans Serif", sans-serif;
	font-size: 14px;
	margin: 0px;
	color: #000;
	border-bottom: 1px dashed #CECEC9;
	padding: 3px 0px 3px 8px;
	/*display: block;*/
	/*width: 100%;*/
	/*word-wrap: break-word;*/

}

.recv
{
	font-family: "MS Sans Serif", sans-serif;
	font-size: 14px;
	background:  #F1EDD7;
	color: #000;
	margin: 0px;
	border-bottom: 1px dashed #CECEC9;
	padding: 3px 0px 3px 8px;
	/*display: block;*/
	/*width: 100%;*/
	/*word-wrap: break-word;*/

}

.nick 
{
	font-weight: bold;
	font-size: 10px;
	color: #717171;
	padding-left: 13px;
	background: url(mes_ico1.gif) no-repeat left center;
	clear: none;
	float: left;
	display: block;
}

.time
{
	font-size: 10px;
	color: #717171;
	background: url(mes_ico2.gif) no-repeat left center;
	text-align: right;
	padding-left: 13px;
	padding-right: 5px;
	float: right;
	display: block;
}

.quickevent
{
	font-family: "MS Sans Serif", sans-serif;
	font-size: 14px;
	background:  #F1EDD7;
	border-bottom: 1px dotted #CECEC9;
}

.sms
{
	font-family: "MS Sans Serif", sans-serif;
	font-size: 14px;
	background:  #F5F5E6;
	border-bottom: 1px dotted #CECEC9;
}

.status
{
	font-family: "MS Sans Serif", sans-serif;
	font-size: 14px;
	background:  #F1EDD7;
	border-bottom: 1px dotted #CECEC9;
}

-->
</style>

Ja zmieniłem kolorki, wielkość i krój czcionki. Kod wygląda następująco:

<style type="text/css">
<!--

body
{	margin: 0px; 
	background:  #000;
	word-wrap: break-word;
	width: 100%;
}

.send
{
	background:  #000;
	font-family: "Ubuntu", sans-serif;
	font-size: 10px;
	margin: 0px;
	color: #fff;
	border-bottom: 1px dashed #fff;
	padding: 3px 0px 3px 8px;
	/*display: block;*/
	/*width: 100%;*/
	/*word-wrap: break-word;*/

}

.recv
{
	font-family: "Ubuntu", sans-serif;
	font-size: 10px;
	background:  #000;
	color: #fff;
	margin: 0px;
	border-bottom: 1px dashed #fff;
	padding: 3px 0px 3px 8px;
	/*display: block;*/
	/*width: 100%;*/
	/*word-wrap: break-word;*/

}

.nick 
{
	font-weight: bold;
	font-size: 10px;
	color: #A8E71E;
	clear: none;
	float: left;
	display: block;
}

.time
{
	font-size: 10px;
	color: #fff;
	float: right;
	display: block;
}

.quickevent
{
	font-family: "Ubuntu", sans-serif;
	font-size: 10px;
	background:  #000;
	border-bottom: 1px dotted #fff;
}

.sms
{
	font-family: "Ubuntu", sans-serif;
	font-size: 10px;
	background:  #000;
	border-bottom: 1px dotted #fff;
}

.status
{
	font-family: "Ubuntu", sans-serif;
	font-size: 10px;
	background:  #000;
	color:  #fff;
	border-bottom: 1px dotted #fff;
}

-->
</style>

Jeśli zauważyłeś błąd w kodzie napisz o tym w komentarzu

Teraz wystarczy zmienić nazwę folderu na chat_gg7, spakować do zipa i przekształcić rozszerzenie na .o2e, kliknąć na to archiwum i zrestartować Tlena. Tak wygląda efekt końcowy:

412242

4. Ekran logowania do KDE

Chcesz logować się do systemu z twoim ulubionym tłem? Żaden problem! Pobieramy np. ten motyw i do roboty. Co masz robić? To samo co w podpunktach punktu 1. Bardzo często ten schemat się sprawdza. Podmieniamy grafiki wgrywamy i gotowe =)

Słówko na koniec

To już koniec. Pokazałem wam jak w bananalny sposób zmienić kolorki w oprogramowaniu, którego możemy używać na co dzień. Mam nadzieję, że nie będziecie leniwi, skorzystacie z tego wpisu, a programów nie będziecie usuwać za sam wygląd, bo może da się to zmienić? Pozdrawiam, Banan =)

Wybrane dla Ciebie
Komentarze (17)