PDA

Zobacz pełną wersję : Modyfikacja szablonu Beez 2_0 - elemet "Rozniar tekstu"



piasio
28-11-2011, 11:05
Mam problem dostosowaniem wyglądu części znajdującej się nad menu w pozycji-1

Problem 1:to usunięcie elementu "Rozmiar tekstu". Usuwając w pliku index.php linie 139-141

div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
W prawdzie element został usunięty ale Web Developer wyświetla mi informacje o błędzie java script - container is null
Co usunąć aby wywalić cały div i żeby nie wyświetlał sie błąd


Problem 2 dotyczy modyfikacji bloku nad banerem. Menu wyświetlone jest menu w poz-1 a nad nim polę które chcę zlikwidować/ zmniejszyć. Połowę górną zajmuje div line a dół div header i teraz pytanie gdzie w kodzie znajduje się parametr odpowiedzialny za rozmiar bloku.


http:/..... templates/beez_20/css/position.css (http://www.ornatrix.vot.pl/templates/beez_20/css/position.css)

* (linia 18)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}
#header (linia 41)
{
display: block;
position: relative;
padding-top: 0px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
overflow-x: hidden;
overflow-y: hidden;
}


http://....../templates/beez_20/css/personal.css (http://www.ornatrix.vot.pl/templates/beez_20/css/personal.css)

#header (linia 34)
{

padding-top: 10em;
}
#header (linia 132)
{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
font-size: 1em;
position: relative;
}
#all #header (linia 91)
{
padding-top: 8em;
}

nikszal
28-11-2011, 11:18
Wstydzisz się podać link do swojej strony?


Co usunąć aby wywalić cały div i żeby nie wyświetlał sie błąd
Który div?


Problem 2 dotyczy modyfikacji bloku nad banerem. Menu wyświetlone jest menu w poz-1 a nad nim polę które chcę zlikwidować/ zmniejszyć.
Można zakomentować odpowiednią część kodu lub poprawić szerkość?? wysokość?? w css.

piasio
28-11-2011, 11:45
Nie nie wstydzę się bo na stronie widnieje szkielet więc nie ma tam nic godnego co można by prezentować.. konto do testów.. http://www.ornatrix.vot.pl/

Co usunąć aby wywalić cały div i żeby nie wyświetlał sie błąd Wywaliłem cały div line ale web developer wyświetla mi znaczek "x" informując o błędzie java script.. Generalnie mogę to olać bo wyświetla się ok.. ale jeśli można coś poprawić to staram się doczytać lub dopytać..


Można zakomentować odpowiednią część kodu lub poprawić szerkość?? wysokość?? w css.
Dokładnie.. ale mam problem z odnalezieniem konkretnego kawałka kodu który za to odpowiada.
http://www.ornatrix.vot.pl/templates/beez_20/css/position.css* (linia 18)
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}


http://www.ornatrix.vot.pl/templates/beez_20/css/layout.cssul.menu (linia 304)
{
list-style-type: none;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 20px;
padding-left: 5px;
}
#header ul (linia 81)
{
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
text-align: right;
list-style-type: none;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
position: absolute;
top: 0pt;
right: 0px;
}


http://www.ornatrix.vot.pl/templates/beez_20/css/personal.cssul.menu (linia 444)
{
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border-top-width: 0px;
border-right-width-value: 0px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 0px;
border-left-width-value: 0px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #eeeeee;
border-right-color-value: #eeeeee;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #eeeeee;
border-left-color-value: #eeeeee;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}
#header ul.menu (linia 141)
{
top: 5em;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0pt;
background-color: #e0e0e0;
background-image: url("../images/personal/ecke.gif");
background-repeat: repeat-x;
background-attachment: scroll;
background-position: left top;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
border-right-width-value: 0pt;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 0pt;
border-left-width-value: 0pt;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: none;
border-left-style-value: none;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-right-color-value: -moz-use-text-color;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: -moz-use-text-color;
border-left-color-value: -moz-use-text-color;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
text-align: left;
left: 0px;
display: block;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0pt;
margin-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
}




Próbuję metodą prób i błędów znaleźć właściwy parametr.. i tu liczę na wskazówkę od kolegi

nikszal
28-11-2011, 11:53
Wyrzuca ci błąd w java script bo wywaliłeś z kodu funkcję zmiany stylu (md_stylechanger.js) a został pewnie skrypt js.

---------- Post dodany o 11:53 ---------- Poprzedni post był o 11:52 ----------

<script src="/templates/beez_20/javascript/md_stylechanger.js (http://forum.joomla.pl/view-source:http://www.ornatrix.vot.pl/templates/beez_20/javascript/md_stylechanger.js)" type="text/javascript" defer="defer"></script>

piasio
28-11-2011, 12:03
Wywaliłem skrypt i jest ok. Błąd przestał się wyświetlać..
Resztę już znalazłem..
Dzięki

nikszal
28-11-2011, 12:19
Zaprzyjaźnij się z Firebugiem.

personal.css

#all #header {
padding-top: 8em; popraw na 4em
}

#header ul.menu
{
/* top:62px; */
top:5em; popraw na 1em
}

---------- Post dodany o 12:19 ---------- Poprzedni post był o 12:15 ----------

W zamian poproszę tę panienkę :lol:

zwiastun
28-11-2011, 13:32
W zamian poproszę tę panienkę
Ty to jesteś interesowny :)