Zobacz pełną wersję : przyrostki klasy CSS do templatki BlackBearPro
Siedzę już od kilku dni i nie potrafię sobie poradzić z napisaniem przyrostków klasy CSS do templatki BlackBearPro. http://blackbearpro15.joomlabear.com/
Chciałbym, aby wszystkie tabele w komponentach i modułach miały wygląd jak "search" (szare tło i niebieska obwódkę po najechaniu myszką).
Ja to widzę tak:
1. Przypisujesz ręcznie ten styl tabelą, bez zabawy w przyrostki.
2. Inne elementy oprócz odnośnika (<a></a>) bez użycia JS'a po najechaniu na niego nie zmienią się.
Dzięki za pierwsze wskazówki:) A mógłbyś mi to trochę rozjaśnić? Zrobił mi się straszny mętlik w głowie..:-/
Musisz kod rami i tła przypisać tabelom.
A do efektu zmiany wyglądu jakiegoś elementu strony, po najechaniu muszką, musisz poszukać odpowiedniego JS'a (lub napisać samodzielnie)- jest tego trochę w sieci.
Problem w tym, że z tym też nie mogę sobie poradzić, bo nie wiem gdzie odnaleźć ten kod ram:-/
Nie wiesz jakiego pliku szukać czy nie wiesz, który fragment w pliku css dotyczy szukajki?
Wydaje mi się , że chodzi o ten fragment CSS
#mod_search_searchword{
width:145px;
background-image: url(../images/searchBackground.png);
background-repeat: repeat-x;
}
#mod_search_searchword.inputbox:hover, #mod_search_searchword.inputbox:focus{
border: 1px solid #66B5FF;;
color: #000;
}
form {
margin: 0;
padding: 0;
}
input, select {
font: 12px "Lucida Grande", Arial,sans-serif;
}
select, .inputbox {
padding: 2px;
padding-top:2px;
padding-left:5px;
}
textarea {
padding-left: 2px;
}
.button, input .button {
border: 1px solid #2F2F2F;
padding: 1px 5px!important;
background: url(../images/vertnavbutton.png) repeat-x top #333;
color: #FFFFFF;
}
.button:hover {
background: url(../images/button-bg.gif) repeat-x top #66B5FF;
color: #fff;
cursor: pointer;
white-space: nowrap;
cursor: hand;
}
.button:active, .button:focus {
border: 1px solid #222222;
}
.inputbox {
border: 1px solid #3F3F3F;
background: #2F2F2F;
color: #666;
}
Ale nie wiem co zrobić /jak napisać klasę przyrostków/, aby działał to w modułach..
np. JLord Recommend, Google Translator.
Coś pogrzebałem, że mam to co chcę w mod_mainmenu , ale i porobiły mi się obwódki wokół obrazków drukuj, PDF i email..
A dopisałem
}
.inputbox {
background-image: url(../images/searchBackground.png);
background-repeat: repeat;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #66B5FF;
color: #000;
}
Dziękuję Ci bardzo za dotychczasowe wskazówki:)
Zobacz jaką klasę mają przypisane moduły (.module czy moduletable czy jakiś inny) i napisz to tak:
.module .inputbox {
...
}
.module .inputbox:hover, .module .inputbox:focus {
...
}
jeśli mam
<div class="moduletable">
<h3>JLord Recommend</h3>
<script type="text/javascript">
to będzie działać to co wyżej napisałeś dla skryptu javy?
Mnie coś nie chce.. Może coś źle robię..
Nie bardzo wie o co Ci chodzi, podaj linka do strony i napisz jeszcze raz w czym problem.
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!