Zobacz pełną wersję : Obramowanie linków obrazkowych - problem!
Witam Państwa!
Tworze własny template:) Właściwie to już go stworzyłem i wszystko fajnie mi idzie, lecz mam jeden problem, którego nie mogę rozwiązać!
Obramowanie linku obrazkowego: jest border! normalnie w html-u dałbym <img src=coś.jpg border=0> i link obrazkowy nie byłby obramowany głupią otoczką!
W artykułach zastosować można zwyczajnie class obrazka i po problemie - styl css sobie z tym poradzi, ale przy ikonach PDF DRUKUJ itp. na stronie głownej przy skrótach artykułów i w innych tego typu rzeczach, które da się co najwyżej wyłączyć lub właćzyć, nie umiem sobie poradzić. Jak pozbyć się tego obramowania, bo wiem, że w domyślnym stylu templatu po zainstalowaniu joomla np. "purity" nie występują tego typu obramowania! gdzie szukać rozwiązania?
Nie jestem jakimś zaawansowanym koderem, więc wybaczcie jeśli to jest banalne pytanie, ale proszę bardzo o dość jasną odpowiedź, jeżeli znacie rozwiązanie, a do adminów piszę: to moj pierwszy post na tym forum, więc moge jeszcze wszystkiego nie ogarniać, proszę nie kasowac jeśli było! z góry dziękuję!
hej
jak ci pomoc bez adresu strony
firebug / doskonaly dla ciebie
hej
jak ci pomoc bez adresu strony
firebug / doskonaly dla ciebie
no hej! oczywiście o najważniesjzym zapomniałem: prosze nie pytać ocb z tą stroną: i nie przerażajcie się wyglądem bo to narazie wszystko jest rozgrzebane i w trakcie modyfikacji:)
http://overlay.no-ip.org/ram/ oto adres:)
Wydaje mi się, że dodanie tego kodu do pliku CSS rozwiąże sprawę:
.body a img{
border: 0px;
}
Może lepiej .buttonheading img {..}
larry_krk
17-09-2010, 23:02
w template.css (http://forum.joomla.pl/view-source:http://overlay.no-ip.org/ram/templates/probny/css/template.css) dopisz
.buttonheading img { border:none;} powinno pomóc.
Bazyl mnie uprzedził, ale spójrz, jak wszyscy garną się do pomocy ;]
w template.css (http://forum.joomla.pl/view-source:http://overlay.no-ip.org/ram/templates/probny/css/template.css) dopisz
.buttonheading img { border:none;} powinno pomóc.
Bazyl mnie uprzedził, ale spójrz, jak wszyscy garną się do pomocy ;]
POMOGŁO!!! próbowalem oczywiście z .buttonheading - z tą klasą i z body, ale oczywiscie jak zwygle banalne przeoczenie pisałem
.buttonheading {
border: none; - i rózne warianty a zabrakło img:)
}
dzięki wielkie!!
ALE MAM DRUGIE PYTANIE:
a propos tych ikonek, z których zdejmowaliśmy img border... mam 4 (zalgowany jako admin) i 4 z nich to ikonka admina i skrypt html, który ją wyświetla to:
<td align="right" width="100%" class="buttonheading"> <span class="hasTip" title="Edytuj artykuł :: Umieszczony:<br />Powszechny<br />niedziela, 18 października 2009<br />Administrator"><a href="/ram/index.php...dlugidlugilink (http://forum.joomla.pl/view-source:http://overlay.no-ip.org/ram/index.php?view=article&id=36%3Apolska-dokumentacja-joomla&task=edit&ret=aHR0cDovL292ZXJsYXkubm8taXAub3JnL3JhbS9pbmRleC 5waHA%2Fb3B0aW9uPWNvbV9jb250ZW50JnZpZXc9ZnJvbnRwYW dlJkl0ZW1pZD05MA%3D%3D&option=com_content&Itemid=90)" ><img src="/ram/images/M_images/edit.png (http://forum.joomla.pl/view-source:http://overlay.no-ip.org/ram/images/M_images/edit.png)" alt="zmień" /></a></span> </td>
daje to efekt, że kiedy najadę na tą ikonkę myszką pojawia się podpowiedź "title" ze <span> i tu pytanie:
co zrobić, żeby tło było nieprzezroczyste i może jakieś obramowanie? chodzi chyba o klasę "hasTip" ale coś mi znowu nie wyszło...
larry_krk
17-09-2010, 23:38
jestem dzis po kilku głebszych, ale spróbujmy.
dodaj jakieś tło do
.buttonheading span {background:#jakiskolor;}
albo
.buttonheading .hasTip {background:#jakiskolor;}
i naspisz czy jest ok
no niestety nie jest okej własnie... probuje roznych wariantów background-color:#; background:color:#cos; itd
i nic;(
ale problem jest w tym, że hasTip tyczy sie obrazka, a nie tekstu
larry_krk
18-09-2010, 22:21
Spróbuj dodać np.
.hasTip img {
margin: 10px 5px 0 0;
border: none;
}
/* Tooltips */
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
.tool-text {
margin: 0;
font-size: 100%;
}
kod powyżej skopiowany z ja_purity.
Więcej info - http://mootools.net/docs/more/Interface/Tips
Przykłady - http://demos111.mootools.net/Tips
mój ulubiony cytat z south park "alcohol is baaad"
Spróbuj dodać np.
kod powyżej skopiowany z ja_purity.
Więcej info - http://mootools.net/docs/more/Interface/Tips
Przykłady - http://demos111.mootools.net/Tips
mój ulubiony cytat z south park "alcohol is baaad"
zadziiałało! DZIĘKUJĘ!! tego tool-tip nie znalem:) nie znalazłem tego
ale pojawiła się kolejna kwestia: http://overlay.no-ip.org/ram/
na tej mojej stronce pod obrazkiem jest jego opis/podpis i zlewa się on z tekstem i podobnie jak w powyższym przypadku nie potrafię nic z tym zrobić, a zmieniłbym parametry jego:( potrafisz to znaleźć?
zanim pojawi się jeszcze kolejna kwestia, firebug (http://getfirebug.com/) powie gdzie szukać odpowiedzi
tzn problem jak problem... ja poprostu nie wiem jak to zmienic
---------- Post dodany o 23:17 ---------- Poprzedni post był o 23:11 ----------
zanim pojawi się jeszcze kolejna kwestia, firebug (http://getfirebug.com/) powie gdzie szukać odpowiedzi
Wy wszyscy jesteście genialni:) dziękuję! pomogło:) można zamknąc temat:D
ja poprostu nie wiem jak to zmienic budujesz stronę, napotkasz jeszcze nie jeden problem; co Ci da jak powiem np. - dopisz w pliku css: img.caption{margin:0 0 20px 0}
no da to, że możesz wiedzieć o co chodzi w template dla joomla;) nie pytam bo jestem lamą całkiem, ale pytam bo już wyczerpałem pomysły:) jak robie stronę w jakimś rodzaju notatnika do kodowania php czy htmla, raczej rzadko napotykam tego typu banały.
ale tą stronę właściwie ktoś pisał. jej kod html, który widzimy w źródle strony, więc łatwo coś przeoczyć i trudno poskładać to w umyśle w całość i zaczaić które elementy do których:) firebuga nie znałem. dużo mi ułatwia... proszę przeczytaj moj drugi post w tym dziale, bo też mam orzech do zgryzienia twardy:) ale z inną stronką;)
a jeśli mi napiszesz np. img.caption cośtam... to się nauczę trochę składni w tym konkretnym przypadku i np. nie popełnię tego błędu w przyszłości i rozwinę tą wiedzę do podobnych przypadków, i np. bede mogl kiedyś komuś pomóc;)
pozdrawiam serdecznie;)
(...)Wy wszyscy jesteście genialni:) dziękuję! pomogło:) można zamknąc temat:D
Odczuwam jakąś nutę sarkazmu wobec @a_m w tej odpowiedzi, więc odsyłam do punktu [A] 3. Regulaminu forum (http://forum.joomla.pl/announcement.php?f=2&a=3). Od siebie dodam, żebyś nie starał się zrazić do siebie kolegi @a_m, bo kto Ci wtedy pomoże w kwestiach css?
Odczuwam jakąś nutę sarkazmu wobec @a_m w tej odpowiedzi, więc odsyłam do punktu [A] 3. Regulaminu forum (http://forum.joomla.pl/announcement.php?f=2&a=3). Od siebie dodam, żebyś nie starał się zrazić do siebie kolegi @a_m, bo kto Ci wtedy pomoże w kwestiach css?
no bardzo mi przykro, że odczuwasz nutę sarkazmu! każdy, kto się wypowiedział poporstu bardzo mi pomógł. I bardzo szybko - niemalże natychmiast, więc chciałem to poprostu jakoś wyrazić:(
Spawa załatwiona, więc wątek uważam za zakończony. Kolejne zapytania proszę kierować w oddzielnych tematach a ewentualne podziękowania proszę formułować w sposób pozwalający na ich jednoznaczne rozpoznanie.
Pozdrawiam
Aleksander
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!