Autor |
Wiadomość |
Temat: [blogspot] Menu css i problem ;/ |
matka1902
Odpowiedzi: 8
Wyświetleń: 5926
|
Forum: pomoc Blogspot Wysłany: 2009-08-25, 19:43 Temat: [blogspot] Menu css i problem ;/ |
No więc:
Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
Komunikat o błędzie XML: The element type "ul" must be terminated by the matching end-tag "". |
Temat: [blogspot] Menu css i problem ;/ |
matka1902
Odpowiedzi: 8
Wyświetleń: 5926
|
Forum: pomoc Blogspot Wysłany: 2009-08-25, 16:15 Temat: [blogspot] Menu css i problem ;/ |
http://wklej.org/id/140075/
kod html zamieniłem ze starym wiec może dlatego nie działa, miejsce menu ma byc pod logiem |
Temat: [blogspot] Menu css i problem ;/ |
matka1902
Odpowiedzi: 8
Wyświetleń: 5926
|
Forum: pomoc Blogspot Wysłany: 2009-08-24, 17:20 Temat: [blogspot] Menu css i problem ;/ |
Zrobiłem tak jak mówiłeś ale jak chce wkleic kod html to dostaje komunikat :
Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
Komunikat o błędzie XML: The element type "div" must be terminated by the matching end-tag |
Temat: [blogspot] Menu css i problem ;/ |
matka1902
Odpowiedzi: 8
Wyświetleń: 5926
|
Forum: pomoc Blogspot Wysłany: 2009-08-03, 13:03 Temat: [blogspot] Menu css i problem ;/ |
Dobry!
Na swoim blogu [ http:// hell-music.blogspot.com ] stworzyłem menu pod logo ale już mi sie znudziło. Przy użyciu strony http://www.cssmenumaker.com/ stworzyłem sobie nowe ładniejsze. Sciagnalem je sobie na dysk ale mam problem.
W paczce dostałem pare gifow do wygladu i instrukcje obsługi:
Kod <style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="http://hell-music.blogspot.com/search/label/%23VIDEOS" target="_self" class="top_link"><span>Videos</span></a>
</li>
<li class="top"><a href="http://hell-music.blogspot.com/search/label/Deathcore" target="_self" class="top_link"><span>Deathcore</span></a>
</li>
</ul>
</div>
niestety na blogspocie nie ma możliwosci upniecia stylu css do roota, mozna go recznie dodac do kodu html. Po otwarciu w notatniku i zamianie recznej adresow do gifów otrzymuje:
Kod .bg {background: url(../../http://i28.tinypic.com/i760rn.jpg);
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(../../http://i29.tinypic.com/2ylnqkh.jpg); repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../../http://i27.tinypic.com/33vhq3n.jpg); no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(../../http://i28.tinypic.com/i760rn.jpg);no-repeat;}
.menu li a.top_link:hover span {background:url(../../http://i28.tinypic.com/i760rn.jpg); no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(../../http://i31.tinypic.com/s59thd.jpg) no-repeat right top;}
.menu li:hover > a.top_link {color:#000; background: url(../../http://i28.tinypic.com/i760rn.jpg); no-repeat;}
.menu li:hover > a.top_link span {background: url(../../http://i28.tinypic.com/i760rn.jpg); no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(../../http://i31.tinypic.com/s59thd.jpg) no-repeat right top;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(../../http://i32.tinypic.com/2wdcyzk.jpg) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(../../http://i32.tinypic.com/29w4zdd.jpg) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(../../http://i32.tinypic.com/29w4zdd.jpg) 80px 7px no-repeat; color:#fff;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
<div class="menu">
<div>
<ul class="menu">
<li class="top"><a href="http://hell-music.blogspot.com/search/label/%23VIDEOS" target="_self" class="top_link"><span>Videos</span></a>
</li>
<li class="top"><a href="http://hell-music.blogspot.com/search/label/Deathcore" target="_self" class="top_link"><span>Deathcore</span></a>
</li>
</ul>
</div>
Teraz sprawa czy dobrze zrobiłem i jak to połączyć ze soba żeby ładnie wygladało, w którym miejscu w kodzie html wkleic bez komuniaktow ze tag jakis tam nie został poprawnie zamknięty? Mniej wiecej orientuje się ze w okolicach outer wrapper trzeba wkleic. A moze ma ktos pomysł jak istniejace menu przekształcić zeby wygladalo jak to: http://i26.tinypic.com/2en2qkw.jpg tylko w opcjach dalem bez rozwijanego menu.
Jesli ktos bedzie umial pomoc postaram sie jakos odpowiedziec na ewentualne pytania.
Pzdr
matka1902 |
Temat: [blogspot] jak zwiększyć w poście zdjęcia+poszerzyć bloga?? |
matka1902
Odpowiedzi: 7
Wyświetleń: 11323
|
Forum: pomoc Blogspot Wysłany: 2009-08-03, 12:42 Temat: [blogspot] jak zwiększyć w poście zdjęcia+poszerzyć bloga?? |
wystarczy wejsc w poscie w zakladke edytuj kod html i tam beda pozycje width i height np 300px i wystarczy wpisac rozmiar jaki sie chce |
Temat: O czym jest Twój blog? |
matka1902
Odpowiedzi: 454
Wyświetleń: 1880791
|
Forum: Promocja Bloga Wysłany: 2009-05-10, 18:58 Temat: O czym jest Twój blog? |
SACK MY HARDCORE
www.hell-music.blogspot.com
blog muzyczny ;] |
Temat: [blogspot] marginesy - parę poprawek ;] |
matka1902
Odpowiedzi: 2
Wyświetleń: 5626
|
Forum: pomoc Blogspot Wysłany: 2009-04-07, 18:33 Temat: [blogspot] marginesy - parę poprawek ;] |
Cholera nie wiem, ktora dokładnie sekcja jest za co odpowiedzialna. W calym swoim uposledzeniu wklejam kod:
Kod /* Header
-----------------------------------------------
*/
#header-wrapper {
background-image: ; background-position: center; width: 800px; min-height: 574px; background-repeat: no-repeat;">
<div class="titlewrapper" style="background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
<h1 class="title" style="border-width: 0px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 880px;
margin: auto;
padding: 20 px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
margin: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
.sidebar-wrapper {
width: 210px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
[ Dodano: 03-08-2009, 13:22 ]
temat do wywalenia |
Temat: [blogspot] marginesy - parę poprawek ;] |
matka1902
Odpowiedzi: 2
Wyświetleń: 5626
|
Forum: pomoc Blogspot Wysłany: 2009-04-06, 19:09 Temat: [blogspot] marginesy - parę poprawek ;] |
Witam
Prowadzę blog hell-music.blogspot.com i prosiłbym kogoś o udzielenie pomocy przy paru drobnych kwestiach estetycznych.
Zamieszczam screen i zaraz objaśnię:
http://i43.tinypic.com/bgso6o.jpg
1. kolorem czerwonym logo, jak je przesunac w prawo? te takie kolka zaznaczone pokazuja ze marginesy nie sa równe
2.zielona kreska pokazuje gdzie trzeba podniesc srodkowa czesc zeby bylo w miare rowno z kazdej strony
3. na screenie moze tego nie widac ale w rzeczywistosci licznik wyszukiwarka nie sa tez w rownej linii
Moge wkleic kod html jesli trzeba, probowalem sie bawic tym cholerstwem, poznajdowalem rozne sekcje i marginesy ale na podgladzie nic nie widac by sie cos zmienialo ;]
Pomozecie? |
|