Ikonki portali społecznościowych
-
Zastanawiam się ,w którym pliku powinnam dodać ikonki do portali społecznościowych tak,aby widoczne np. w prawym górnym rogu koło nagłówka. Tak,aby „wisiały” na tle.
-
do, którego chcesz 🙂
abyś odpowiednio je w CSS ustawiła tylkono właśnie z tym mam problem. W CSS wpisałam .fc{
right:150px;} w pliku header.php : <div class=”fc”><a href=”http://www.facebook.com/pages/Komfort-Deutsch/362623050414849
/” <center><img
src=”http://komfort-deutsch.pl/wp-content/uploads/2012/02/addpg201.png” style=”border:none” alt=”fb” />
</div>i ikona ani drgnie, a chcę ją umieścić w połowie headera po prawej stronie.
Moja strona: http://komfort-deutsch.pl/
Nie widzę jej, tak bym podesłał css, gdzie się znajduje?
EDIT: a mam chwilatak na szybko:
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: right;🙂
Trochę pomogło, ikonka jest po prawej tylko że na samej górze przez co nagłówek ma teraz przerwę od góry ekranu, chciałabym obiżyć trochę ta ikonkę, ale tak żeby cała strona się nie przesuwała w dół.
Swój kod:
<div class="fc"><a href="http://www.facebook.com/pages/Komfort-Deutsch/362623050414849/"><img src="http://komfort-deutsch.pl/wp-content/uploads/2012/02/addpg201.png" style="border:none" alt="fb"/></a> </div>
umieść w tej sekcji
<div class="Header"> <--- i tutaj wklej kod z div fc ----> <div class="Header-jpeg"></div> ... </div>
a w css zamień to, co masz na:
position: absolute;
display: block;
top: 50px;
right: 10px;
z-index: 2;prawie pomogło,tylko przy próbie przesunięcia ikonki w prawo ukrywa się za tłem
ok, już działa trzeba było tylko podnieść diva powyżej <div class=”Header”>. Dzięki za pomoc.
Mam jeszcze jedno pytanie, jak usunąć biały kwadracik w lewym górnym rogu ekranu pojawił się w momencie dodania ikonki FB.
no tak, ale przy szerokich ekranach ucieka całość na prawo
dziwnie to wygląda, choć przyznaje metoda lepsza zapewne od mojejZamiast ponad <div class=”Header”> można było wstawić do
<div class="Header-jpeg"> <--- i tutaj wklej kod z div fc ----> </div>
Nie powinno zostać ukryte choć dziwne, że wtedy było. Nie uciekałoby też tak w prawo.
Za kwadracik odpowiada ten element:
<object type="application/x-shockwave-flash" id="skypedetectionswf" data="http://api.skype.com/detection/detection_as3.swf" width="5" height="5"><param name="allowScriptAccess" value="always"></object>
Jak dodasz po ( height=”5″ style=”display: none;” ) zostanie ukryte
a gdzie szukać tego wpisu, przeszukałam wszystkie pliki i nie znalazłam.
Czy jeśli przesunę wpis <div class=”Header-jpeg”> będzie lepiej ?
Byłby w ramce strony teraz przy większej rozdzielczości wygląda to tak: obrazek
Co do kwadracika kod generowany jest przez skrypt wtyczki skype-online-status a dokładnie skypeCheck.js
Znajdź w nim:
swfobject.embedSWF(_detectionSwfUrl,_containerID,5,5,"9.0"
zmień na
swfobject.embedSWF(_detectionSwfUrl,_containerID,0,0,"9.0"
Chodzi o zamianę 5,5 na 0,0 powinno pomóc ale nie sprawdzałem.Anoru za kwadracik dzięki, już go nie ma.
Próbowałam przesunąć znaczki z portali pod <div class=”Header-jpeg”> ale wszystko się wywaliło, więc chyba musi zostać jak jest, ale dzięki za chęci 🙂
Szkoda, co do skype zważyłem że w firefox nie ładuje się poprawnie status lepiej przywrócić oryginalny plik skypeCheck.js
a zamiast tego dodać style.css
#skypedetectionswf {
visibility: hidden;
}przepraszam za problem 🙂
hmm, a ja pracuję na Firefoxie i nie widzę, żeby coś było źle, ale sprawdzę to 🙂
- Temat ‘Ikonki portali społecznościowych’ jest zamknięty na nowe odpowiedzi.