Skocz do zawartości


Zdjęcie
- - - - -

Konkurs na logo BTT


  • Zaloguj się, aby dodać odpowiedź
17 odpowiedzi w tym temacie

#1 kondzios230

kondzios230

    Stały Bywalec

  • Members
  • 603 postów

Napisano 13 luty 2011 - 21:42

Witam!

Po konsultacji z Raptorem, uznałem że trzeba rozruszać nieco towarzystwo :)
Jednym z elementów BTT będzie minimalna edycja szablonu bloga - logo BTT i być może lista członków ekipy.
Temat ten dotyczy elementu pierwszego. Jak wiadomo, mogliśmy wziąć logo BF i wyciąć napisy, jednak może ktoś z członków BTT ma dryg do takiej roboty?
Logo musi nawiązywać do logo BF, musi zawierać sformułowanie "BikeForum BikeStats Team" lub coś w ten deseń.
Czas? Zobaczymy, jeżeli zgłosi się sporo chętnych to pewnie do jakiejś ilości prac (np. 15) a jeżeli chętnych będzie mniej, to jakaś data, się zobaczy. Potem ankieta i demokratyczny wybór CZŁONKÓW BTT.

Uprzejmie proszę o wysyłanie wszelakich pytań/dzieł na PW, unikniemy bałaganu i zbędnej stronniczości.

Pozdrower,
KD

#2 kundello

kundello

    Moderator

  • Members
  • 8453 postów

Napisano 14 luty 2011 - 07:34

Przerabialiśmy to kiedyś w naszym pierwszym Bfteam wyszło jak wyszło;).
Nie wiem czy jest sens sie w to bawić. Lepiej po prostu jeździć.

u1549y2014v4.gif


#3 c1ach

c1ach

    Wtajemniczony

  • Members
  • 1348 postów

Napisano 14 luty 2011 - 17:28

Ja coś tam stworzyłem, ale przy okazji zająłem się też od razu listą użytkowników wyświetlaną na blogu. Efekty widoczne na moim bikestats: c1ach.bikestats.pl (pod listą znajomych).

Trochę jQuery i jeden obrazek załadowany za pomocą JavaScript, a tak to czysty css. Testowane pod Opera/Firefox/IE7. Jeśli pomysł zostanie zaakceptowany, napiszę instrukcję jak to ustrojstwo zainstalować u siebie :)
Jeśli coś nie chodzi pod daną przeglądarką, to proszę o info - za darmo nie chce mi się dodatkowo sprawdzać we wszystkich wersjach :P

Użytkownik c1ach edytował ten post 14 luty 2011 - 17:31

GT i-Drive 3.0, Kona Honky Tonk


#4 HH2

HH2

    Wtajemniczony

  • Members
  • 1276 postów

Napisano 14 luty 2011 - 17:34

Na chrome 9 działa i wygląda całkiem nieźle. Wg mnie może być :)

#5 Raptor

Raptor

    Moderator

  • Members
  • 1028 postów

Napisano 14 luty 2011 - 18:30

Czekamy do środy na ewentualne propozycje lub jakiekolwiek zgłoszenie o chęci wykonania loga :) Mnie osobiście logo Ciacha się bardzo podoba :)
http://www.web-star.org <<-- tworzenie stron internetowych, pozycjonowanie, reklama, grafika.. :)

#6 Dynio

Dynio

    Dumny Forumowicz

  • Members
  • 120 postów

Napisano 14 luty 2011 - 18:49

Mnie też.Nagroda dla Ciacha za to się należy :)
Dołączona grafika

#7 timo1990

timo1990

    Dumny Forumowicz

  • Members
  • 124 postów

Napisano 14 luty 2011 - 19:05

Świetna robota, ja to nie umiem tworzyć takich dzieł. W razie czego jak najbardziej jestem skłonny wkleić to na bloga.

#8 kondzios230

kondzios230

    Stały Bywalec

  • Members
  • 603 postów

Napisano 14 luty 2011 - 20:41

Najs, najs :) Chyba pozostaniesz bez konkurencji :P

#9 Raptor

Raptor

    Moderator

  • Members
  • 1028 postów

Napisano 16 luty 2011 - 17:36

Mamy środę i zero nowych zgłoszeń. Pomysł Ciacha naprawdę rewelacyjny :) Zwycięzcą zostaje Ciachu. Jeśli byłbyś tak uprzejmy wstawić instrukcje "obsługi" i montażu tego loga, będziemy wdzięczni :)
http://www.web-star.org <<-- tworzenie stron internetowych, pozycjonowanie, reklama, grafika.. :)

#10 c1ach

c1ach

    Wtajemniczony

  • Members
  • 1348 postów

Napisano 17 luty 2011 - 13:07

Ok, dzięki za zaufanie :)

Zakładam, że do funkcji edycji kodu bloga każdy dotrze już sam (jak ktoś jeszcze nigdy nie edytował, to należy pobrać źródło z podglądu szablonów i wkleić go do okna edycji własnego szablonu). Może i wygląda to groźnie, ale cała operacja ogranicza się do kopiowania tekstu w odpowiednie miejsca.

Wszystkie pliki wrzuciłem na swój prywatny serwer. Niestety nie mogę zagwarantować obsługi aż tylu wyświetleń, dlatego w miarę możliwości prosiłbym o skorzystanie z własnego hostingu.

W sekcji head (pomiędzy znacznikami <head> </head>):

Krok 1.
Najpierw deklarujemy biblioteki jQuery. Jak ktoś chce się uniezależnić, to może sobie je pobrać stąd i wrzucić na własny serwer.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js" ></script>

Krok 2.
Następnie wklejamy kod właściwego skryptu (odpowiada on za efekt wysuwania się listy). Robimy to pod deklaracją bibliotek, w sekcji head.

  
<script type="text/javascript">
$(document).ready(function() {
$('#czlonkowie').hide();
$('#pokaz').bind('click', function()
{
$('#czlonkowie').show('slow');
}
);
});
</script>
<script type="text/javascript">
// <![CDATA[
new Image().src = 'http://www.rowerowyminsk.pl/bf/bsteam3.png';
// ]]>
</script>

Krok 3.
Przechodzimy do miejsca, gdzie ma być banner. Wklejamy poniższy kod.



</head>

<style type="text/css">
.logobs
{
margin:0 auto;
padding:0;
line-height:8px;
}
#lista
{
width:134px;
margin:0 auto;
paddding:0;
margin-top:20px;
margin-bottom:20px;
}
.logobs a
{
width:134px;
height:23px;
display:block;
background-image:url('http://rowerowyminsk.pl/bf/bsteam2.png');
padding:0;

}
.logobs a:hover
{
background-image:url('http://rowerowyminsk.pl/bf/bsteam3.png');
}
dl
{
border:1px solid #4e91b7;
border-top:0;
border-bottom:8px solid #4e91b7;
width:132px;
background:#41687e;
margin:0 auto;
}
dl a
{
width:132px;
height:15px;
display:block;
margin:0 auto;
font-size:0.9em;
color:#99b145;
text-decoration:none;
padding:2px 0px 2px 0px;
text-align:center;
}
dl a:hover
{
color:#abd5e9;
background:#304d5e;
}
</style>
<div id="lista">
<p class="logobs"><img src="http://rowerowyminsk.pl/bf/bsteam1.png" alt=""/></p>
<p class="logobs"><a id="pokaz" name="poka"></a></p>
<dl id="czlonkowie">
<dt><a href="http://pichulec.bikestats.pl/">Pichu</a></dt>
<dt><a href="http://lewy89.bikestats.pl/">Lewy_89</a></dt>
<dt><a href="http://www.kondzios230.bikestats.pl">kondzios230</a></dt>
<dt><a href="http://kundello21.bikestats.pl/">kundello</a></dt>
<dt><a href="http://www.raptor.bikestats.pl">Raptor</a></dt>
<dt><a href="http://wilczek127.bikestats.pl/">wilczek127</a></dt>
<dt><a href="http://timo1990.bikestats.pl/">timo1990</a></dt>
<dt><a href="http://c1ach.bikestats.pl">c1ach</a></dt>
<dt><a href="http://polakj.bikestats.pl/">polakj</a></dt>
<dt><a href="http://tajemniczyjogurt.bikestats.pl/">HH2</a></dt>
<dt><a href="http://petek921.bikestats.pl/">Petek</a></dt>
<dt><a href="http://danielasty.bikestats.pl/">Danielasty</a></dt>
<dt><a href="http://asx0.bikestats.pl/">asx</a></dt>
<dt><a href="http://rtw1.bikestats.pl/">przemo01-93</a></dt>
<dt><a href="http://dynio.bikestats.pl/">Dynio</a></dt>
<dt><a href="http://milosz.bikestats.pl/">Koxiu</a></dt>
<dt><a href="http://safian.bikestats.pl/">Safian</a></dt>
</dl>
</div>

W tej chwili powinno wszystko śmigać. Wielkość czcionki jest uzależniona od ustawień konkretnego szablonu i może być trochę inna niż u mnie. Testowałem na szablonie fluidsolution i była mniejsza. Aby ją zmienić, należy zmodyfikować kod pomiędzy:
dl a
{
...coś tam
font-size:0.8em; - tutaj wpisujesz rozmiar, np. 0.7em , 0.9em , 1em , 1.2em itd.
...coś tam
}

Pamiętajcie, aby jako szablon bloga ustawić [Własny szablon].
W razie problemów jestem do dalszej dyspozycji :)

Użytkownik c1ach edytował ten post 17 luty 2011 - 14:44

GT i-Drive 3.0, Kona Honky Tonk


#11 Dynio

Dynio

    Dumny Forumowicz

  • Members
  • 120 postów

Napisano 17 luty 2011 - 13:34

Ok wszystko fajnie ale co zrobić aby lista się otwierała i zamykała ? Niestety nie potrafię tego zrobić a te terminu są dla mnie jak z kosmosu,nie to pokolenie :(

Użytkownik Dynio edytował ten post 17 luty 2011 - 13:50

Dołączona grafika

#12 HH2

HH2

    Wtajemniczony

  • Members
  • 1276 postów

Napisano 17 luty 2011 - 14:05

U mnie ładuje się już jako rozwinięta, chyba gdzieś jest błąd :P

#13 c1ach

c1ach

    Wtajemniczony

  • Members
  • 1348 postów

Napisano 17 luty 2011 - 14:47

Dynio - wkleiłeś sam kod bannera, bez "silnika", ominąłeś krok 1 i 2.
W sekcji head swojego bloga musisz wkleić deklarację bibliotek jQuery (wersja poprawiona poniżej, zedytowałem też tamtego posta) oraz kod skryptu odpowiadającego za rozwinięcie tego ustrojstwa (wklejasz go za deklaracją bibliotek, również w sekcji head). Sekcja head to wszystko pomiędzy znacznikami <head>...</head>, znajduje się ona w górnej części strony.

HH2 - faktycznie, a na Operze wszystko działało. Firefox i reszta chyba nie lubią zamykania znaczników "na skróty".

Zamiast:


<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js" />

Dajemy :


<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>


Przy okazji mała poprawka do css. Zmianie uległ parametr line-height, bo u was górna i dolna część coś się rozjechała.
Jakby co można samemu tym sterować - zwiększając lub zmniejszając ilość px w line-height. Wszystko przez to, że wasze szablony mają trochę inne ustawienia w głównym pliku css niż u mnie.

W razie potrzeby podmieńcie tylko ten kod, albo skopiujcie całość od nowa jak nie chce się Wam szukać. Zedytowałem wcześniejszą instrukcję tak, aby wszystko już grało.

Zamiast :


.logobs
{
margin:0 auto;
padding:0;
line-height:12px;
}

dajemy :


.logobs
{
margin:0 auto;
padding:0;
line-height:8px;
}

Użytkownik c1ach edytował ten post 17 luty 2011 - 16:24

GT i-Drive 3.0, Kona Honky Tonk


#14 Dynio

Dynio

    Dumny Forumowicz

  • Members
  • 120 postów

Napisano 17 luty 2011 - 20:43

Po wielu próbach w końcu się udało Dołączona grafika.Jak pisałem wcześniej nie jestem fachowcem od komputerów ale w Chrome nie dało się tego zainstalować dopiero w Exsplorer-ze poszło za pierwszym razem.
Jeszcze raz dzięki za pomoc i cierpliwość Dołączona grafika
Dołączona grafika

#15 HH2

HH2

    Wtajemniczony

  • Members
  • 1276 postów

Napisano 17 luty 2011 - 21:33

Dzięki, na Chrome 9 działa :)

#16 c1ach

c1ach

    Wtajemniczony

  • Members
  • 1348 postów

Napisano 18 luty 2011 - 10:41

No to super :)
Przyznam się, że akurat pod Chrome nie sprawdzałem, więc nie wiem co tam mogło nie grać podczas instalacji. Z tego co widzę sama lista rozwija się też trochę inaczej niż pod Operą i FF...no ale to już błąd przeglądarki, może w następnych wersjach to poprawią :o

GT i-Drive 3.0, Kona Honky Tonk


#17 Lokomisiek

Lokomisiek

    Wtajemniczony

  • Members
  • 1253 postów

Napisano 23 luty 2011 - 21:22

Mogę się pobawić trochę w photoshopie ale to nie dziś, i jaka jest nagroda za wygranie konkursu? :D

#18 timo1990

timo1990

    Dumny Forumowicz

  • Members
  • 124 postów

Napisano 05 kwiecień 2011 - 08:55

Dopiero się za to wziąłem. Wszystko pięknie gra działa. Pozdrower BTT




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych