Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Black Red White/ czy tylko css?
RosheD
post
Post #1





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 10.06.2013

Ostrzeżenie: (0%)
-----


Witam bardzo serdecznie.
Jak uzyskać taki efekt jak z sliderem na stronie : http://www.brw.com.pl/inspiracje/?m=6,biuro-i-gabinet z tym sliderem ?
Jak na sliderze dodać takie znaczniki ? Do każdego zdjęcia trzeba pozycjonować ręcznie każdy guzik czy jest na to jakiś sposób ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
lukasz1985
post
Post #2





Grupa: Zarejestrowani
Postów: 205
Pomógł: 43
Dołączył: 5.03.2012

Ostrzeżenie: (0%)
-----


Tak, ręcznie, nie ma innej opcji, chyba, że jesteś specjalistą od sieci neuronowych i rozpoznawania obrazów.

Ten post edytował lukasz1985 26.11.2013, 20:23:04
Go to the top of the page
+Quote Post
RosheD
post
Post #3





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 10.06.2013

Ostrzeżenie: (0%)
-----


I jak chciał bym zrobić takie coś to miało by to wyglądać tak że:
Daje slidera.
Jak każdy slider ma tutaj jakieś obrazki
<img src="**" />
<img src="**2" />

I jeśli chce dodać gdzieś taki znacznik to w css tworze taki kwadracik i do diva jakiegoś i do odnośnika <a>
Póżniej pomiędzy obrazkami daje tego diva i nadaje mu <a style="top:15px">Więcej</a> i zrobić żeby na hover się rozsuwał. Dobrze rozumiem idee tego ?
Go to the top of the page
+Quote Post
kamil4u
post
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Banalny przykład:
Kod
<style>
.znacznik{
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #000;
}

.znacznik .zawartosc{
display: none;
}

.znacznik:hover .zawartosc{
background-color: #fff;
width:50px;
height: 100px;
}

.znacznik:hover .zawartosc{
display: block;

}
</style>


<div style="position: relative;">
  <img src="http://1b10a.blox.pl/resource/psyzeby.jpg">
  <div class="znacznik" style="top: 100px; left: 200px;">
    <div class="zawartosc">
      jakaś długa treść....
    </div>
  </div>
</div>
Go to the top of the page
+Quote Post
RosheD
post
Post #5





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 10.06.2013

Ostrzeżenie: (0%)
-----


Czyli dokładnie jak myślałem. Wielkie dzięki (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 25.08.2025 - 02:39