| Autor |
Wiadomość |
 Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
Ethronic
Odpowiedzi: 6
Wyświetleń: 6295
|
 Forum: pomoc Blogspot Wysłany: 2013-04-15, 11:06 Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
W porządku. Zatem pogrzebałem nieco nad menu, upodobniłem do aktualnego, ale nie wiem jak zmienić trzy rzeczy.
oraz jak zrobić, aby obramowanie menu było tylko na dole i lekko po bokach(dokładnie tak jak mam teraz)?
Chodzi mi jedynie o ten wygląd, bo jak pozmieniać nazwy i dodać odnośniki to wiem.
Oto cały kod: Kod <style>
/* Some stylesheet reset */
.nav, .nav ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
}
/* The main container */
.nav {
/* Layout and positioning */
display: block;
position: relative;
height: 34px;
width: 1140px; /* CHANGE this if you want another width or remove it if you want the width of the container */
border-radius: 3px;
border: 1px solid #EEEEEE;
/* Background and effects */
background: #f5f5f5 /* Background for IE9 and older browsers */
background: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Chrome Safari */
background: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Firefox */
background: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Opera */
background: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Internet Explorer 10 */
box-shadow: inset 0 1px 0 #fff;
}
.nav>li {
display: block;
position: relative;
float: left;
margin: 0;
padding: 0 1px 0 0;
}
/* The main navigation links */
.nav>li>a {
/* Layout */
display: block;
padding: 11px 20px;
/* Typography */
font-family: Copose;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #666666;
text-shadow: 0 1px 0 #fff;
/* Effects */
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
/* The hover state of the navigation links */
.nav>li>a:hover, .nav>li:hover>a {
background: #ffffff;
color: #3e9b3e;
}
.nav>li:first-child>a {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.nav>.dropdown>a {
padding-right: 26px;
}
/* The arrow indicating a dropdown menu */
.nav>.dropdown>a::after {
content: "";
position: absolute;
top: 14px;
right: 11px;
width: 4px;
height: 4px;
border-bottom: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
/* Changing the color of the arrow on hover */
.nav>.dropdown>a:hover::after, .nav>.dropdown:hover>a::after {
border-color: #999;
}
.nav ul {
position: relative;
position: absolute;
left: -9999px;
display: block;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
/* Level 1 submenus */
.nav>li>ul {
padding-top: 0px;
z-index: 99;
border-top: 1px solid #c9c9c9;
top: 34px;
}
/* Making the level 1 submenu to appear on hover */
.nav>li:hover>ul {
left: -1px;
}
/* Level 2+ submenus */
.nav ul ul {
left: -9999px;
top: 0px;
z-index: 999;
}
/* Making the level 2+ submenu to appear on hover */
.nav ul>li:hover>ul {
left: 120px;
top: -1px;
}
/* The submenu link containers */
.nav ul li {
position: relative;
display: block;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
height: 0px;
-webkit-transition: height .3s;
-moz-transition: height .3s;
-o-transition: height .3s;
-ms-transition: height .3s;
}
/* Expanding the list elements which contain the links */
.nav li:hover>ul>li {
height: 25px;
}
.nav ul li:hover>ul>li:first-child {
height: 26px;
}
/* The links of the submenus */
.nav ul li a {
/* Layout */
display: block;
width: 90px;
padding: 6px 10px 6px 20px;
border-bottom: 1px solid #e1e1e1;
/* Typography */
font-size: 12px;
color: #a6a6a6;
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;
/* Background effects */
background: #fff;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}
/* The hover state of the links */
.nav ul li>a:hover, .nav ul li:hover>a {
background: #e9e9e9;
color: #3e9b3e;
}
.nav ul ul>li:first-child>a {
border-top: 1px solid #c1c1c1;
}
.nav ul>li:last-child>a {
border-bottom: 1px solid #c1c1c1;
}
/* The arrow indicating a level 2+ submenu */
.nav ul>.dropdown>a::after {
content: "";
position: absolute;
top: 10px;
right: 8px;
width: 4px;
height: 4px;
border-bottom: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
border-color: #a1a1a1;
}
</style>
<ul class="nav">
<li><a href="osiagnij-sukces.blogspot.com">Strona Główna</a></li>
<li class="dropdown"><a href="#">Link 2</a>
<ul>
<li><a href="#">Level 1</a></li>
<li><a href="#">Level 1</a></li>
<li class="dropdown"><a href="#">Level 1</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
<li class="dropdown"><a href="#">Level 2</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Level 1</a></li>
<li><a href="#">Level 1</a></li>
</ul>
</li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul> |
| Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
Ethronic
Odpowiedzi: 6
Wyświetleń: 6295
|
Forum: pomoc Blogspot Wysłany: 2013-04-14, 21:13 Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
Rozumiem. Szkoda, że nie ma takiej możliwości.
Rozwiązałem to nieco inaczej dodając podstronę artykuły. Natomiast mam inny problem, ponieważ umieszczone w niej widgety nie chcą się aktualizować. Na to jest jakieś rozwiązanie, oprócz ręcznej aktualizacji, czy też jednak będę musiał pomęczyć się z CSS?  |
| Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
Ethronic
Odpowiedzi: 6
Wyświetleń: 6295
|
Forum: pomoc Blogspot Wysłany: 2013-04-14, 18:31 Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
| Miałem na myśli zrobienie czegoś na styl menu tego bloga, lecz utrzymując aktualny wygląd. Tak korzystałem, zrobiłem, ale nie znam CSS na tyle, aby upodobnić do aktualnego menu. Dlatego wpadłem na pomysł utworzenia rozwijanego menu z aktualnego. Myślę, że dobrze się komponuje z aktualnym logiem u góry. Sęk w tym, że nie mam pomysłu jak to zrobić. Skopiowałem kod html menu "strony" i dograłem kod do rozsuwanego menu, wrzuciłem jako gadżet html/javascript, lecz się nic ponad standardowe menu sie nie wyświetlało. Zatem wnioskuję, że musiałbym dograć przynajmniej część kodu CSS? Jest wgl. taka możliwość, aby zrobić z aktualnego menu strony(czyli zachowując ten sam wygląd), menu rozsuwane jak na tamtym blogu? |
| Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
Ethronic
Odpowiedzi: 6
Wyświetleń: 6295
|
Forum: pomoc Blogspot Wysłany: 2013-04-14, 13:32 Temat: [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie. |
Witam wszystkich Blogowiczów. Mam problem z rozwijanym menu. Chciałbym dodać do aktualnego menu zakładkę artykuły i po najechaniu na nią wyświetlałyby się etykiety.
Udało mi się to zrobić po wgraniu innego menu do szablonu, ale efekt mnie nie zadowolił.
Chciałbym utrzymać aktualny, standardowy styl z bloggera i dodać do tego rozwijane menu.
W szablonie nie znalazłem stylu css do aktualnego menu(możliwe, że źle widzę.).
Kombinowałem poprzez skopiowanie kodu aktualnego menu i dodaniu rozwijanej zakładki w kodzie, ale bezskutecznie, bo jej nie wyświetlało. Kto wie w jaki sposób mogę to zrobić?  |
| Temat: Jaką temetykę bloga najbardziej lubisz? |
Ethronic
Odpowiedzi: 160
Wyświetleń: 43171
|
Forum: Ogólnie o blogach Wysłany: 2013-04-14, 10:40 Temat: Jaką temetykę bloga najbardziej lubisz? |
| O fotografii(nie pseudo) i o rozwoju osobistym. |
| Temat: Czy blog mógłby być Twoim pomysłem na życie? |
Ethronic
Odpowiedzi: 6
Wyświetleń: 2788
|
Forum: Ogólnie o blogach Wysłany: 2013-04-14, 10:39 Temat: Czy blog mógłby być Twoim pomysłem na życie? |
| Myślę, że można zarobić, ale jeśli nie traktuje się bloga jako pomysł na życie. Jeżeli stawia się wszystko na jedną kartę to zatracimy ideę pisania na rzecz idei zarabiania, przez co często nie osiągniemy niczego. |
| Temat: [blogi] Na co najpierw zwracacie uwagę? |
Ethronic
Odpowiedzi: 173
Wyświetleń: 47044
|
Forum: Ogólnie o blogach Wysłany: 2013-04-14, 10:35 Temat: [blogi] Na co najpierw zwracacie uwagę? |
| Przejrzystość, możliwość czytania. Jak widzę, że jest nawalone treścią i kolorami to rzadko kiedy zostaję na blogu. |
| Temat: Dlaczego zaczęliście prowadzić bloga? |
Ethronic
Odpowiedzi: 213
Wyświetleń: 50263
|
Forum: Ogólnie o blogach Wysłany: 2013-04-14, 10:32 Temat: Dlaczego zaczęliście prowadzić bloga? |
Ja zacząłem, bo chciałem się podzielić wiedzą, skrócić niektórym cierpienia wynikającego z braku organizacji( nie tak dawno sam poszukiwałem wiedzy na ten temat  ). Ogólnie wiedzę czerpię z książek. Wiedza z nich jest najbardziej przydatna, dlatego przy okazji wstawiania odnośników do książek i polecania tych najlepszych, które najwięcej mi dały, wstawiam odnośniki do księgarni. Może w przyszłości będzie z tego małe kieszonkowe. Także chciałem i chcę robić to co lubię. |
| Temat: [Motoryzacja] Audi - krzysiekg65 |
Ethronic
Odpowiedzi: 8
Wyświetleń: 6766
|
Forum: Fotografia Wysłany: 2013-04-14, 10:20 Temat: [Motoryzacja] Audi - krzysiekg65 |
Najlepsze jest zdjęcie kierownicy i przycisku start/stop.  Najgorsze jest ostatnie zdjęcie oraz loga s-line. Pierwsze ma zbyt małą przysłonę/ źle ustawioną ostrość, a drugie- od góry już nie wygląda ciekawie. |
| Temat: moda na fotografię i fotoblogi |
Ethronic
Odpowiedzi: 49
Wyświetleń: 16741
|
Forum: Fotografia Wysłany: 2013-04-14, 10:15 Temat: moda na fotografię i fotoblogi |
Mam gdzieś takie photoblogi. Pseudofotografowie sami narażają się tym na pośmiewisko i jakoś mi ich nie żal.  |
| Temat: Fajna fota? |
Ethronic
Odpowiedzi: 9
Wyświetleń: 3091
|
Forum: Fotografia Wysłany: 2013-04-14, 10:12 Temat: Fajna fota? |
| Myślę, że jako czarno-białe mogłoby być ciekawsze |
| Temat: Zdjęcia stockowe |
Ethronic
Odpowiedzi: 9
Wyświetleń: 4666
|
Forum: Fotografia Wysłany: 2013-04-14, 10:09 Temat: Zdjęcia stockowe |
Ja się bawiłem w tym kierunku, ale również wybierałem jakieś ciekawe zdjęcia z mojego archiwum.
Shutterstock odrzucił prawie wszystko(niektóre zdjęcia, które im nie pasowały, dla mnie były idealne.), iStockPhoto przyjął chyba 2, a 123rf przyjął wszystko, ale to chyba kiepski bank, bo nie mam sprzedaży.
Ogólnie zająłem się już czymś innym, min pisaniem bloga, bo stocki to tylko strata czasu. Możemy obrobić 100 zdjęć, a na 1-2 coś zarobimy. |
| |
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
