Dla chcącego nic trudnego!

Trochę szperania po internecie, odrobinę domyślania się o co w tym wszystkim chodzi, garść zmian to tu to tam, do tego całe mnóstwo cierpliwości i wytrwałości i przepis na sukces gotowy.

Tak mniej więcej wyglądał proces dochodzenia do nowego wyglądu stronki Moje Emigracje. Mam nadzieję, że zauważyliście i polubiliście tę metamorfozę. Ja jestem bardzo dumna z tego, co udało mi się osiągnąć. To takie moje małe zwycięstwo :).

Dlaczego zwycięstwo i dlaczego aż tak mnie to cieszy? A no dlatego, że ja - laik w temacie tego, co się kryje za tym, co widzę na ekranie komputera - pozmieniałam kod HTML i CSS na tyle, żeby uzyskać ten własnie wygląd. Co jest jeszcze bardziej ekscytując, to to, że mój mąż, który jest dla mnie autorytetem w kwestiach IT, nie mógł mi pomóc, bo wykraczało to poza jego wiedzę informatyczna! Czyżby uczeń przerósł mistrza ;)?

Już od jakiegoś czasu nosiłam się z zamiarem nadania nowego wyglądu stronce, ale zawsze było coś ważniejszego do zrobienia. Poza tym, zmiany które chciałam wprowadzić, nie mieściły się w ramach zwykłego dodania elementu na platformie bloggera i trochę się obawiałam czy dam radę. Muszę przyznać, że łatwo nie było i w pewnym momencie już chciałam się poddać. To jednak nie byłoby w moim stylu. Ogarnęłam się więc, zacisnęłam zęby i dzielnie walczyłam ze zmiennymi i ich ustawieniami. No i udało się, bo dla chcącego nic trudnego!

Chcecie zobaczyć jak wyglądała ta bestia z którą musiałam się zmierzyć? Poniżej malutki wycinek kodu HTML:

}
#menu-container {
    background: -webkit-linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    background: linear-gradient(#f6f6f6, #e9eaea) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e9eaea',GradientType=0 );
    border-radius: 0 0 4px 4px;
border:1px solid rgba(0,0,0,0.1);
    box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.8) inset;
    clear: both;
    height: 46px;
    padding-top: 1px;
}
#neat-menu {
    float: left;
}
#neat-menu a {
    text-decoration: none;
}
#neat-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#neat-menu > ul > li {
    float: left;
    padding-bottom: 12px;
}

A na poparcie moich słów, Ethan Bortnick w piosence 'Anything is possible'.

Odtwórz w YouTube