Здравейте днес попаднах на този урок Анимирано меню и си реших да си направя по този метод "facebook like box"(идеята е от един сайт), но се появиха два проблема с който не мога да се справя, тъй като съм още баш начинаещ в CSS-а. Единият ми въпрос е как може вместо кутията да е от ляво на сайта да се премести от дясно (пробвах с border-right; но не знам точно къде да го сложа), вторият ми въпрос е доста по-труден за моите познания как мога да го направя като тази картинка Снимка (изтрил съм някои части на снимката за да не е реклама), ще обясня по-подробно когато курсора на мишката не е върху менюто остава само facebook иконата, а когато се постави върху менюто излиза другата част. (Надявам се да сте ме разбрали). Ще съм много благодарен, ако някой ми помогне. Мерси предварително.
Анимирано меню
- Автор Dimbadboy
- Начална дата
Така, за първия въпрос
Опитай да сложиш float: right; в navigation.css като създадеш нов клас .navigation
Ще изглежда така:
[css].navigation{
float: right;
}[/css]
А за второто. Трябва за този бутон да му направиш отделни настройки, защото най-вероятно Facebook полето е по-широко от другите неща, които ще слагаш. Та в новото id/class в css-а трябва да напишеш мин. ширина на иконата на FB и като сложиш мишката да стане с ширината на полето на FB. Не знам дали ме разбра затова ето пример. В урока е така:
[css]navigation li{
width: 25px;
....
}
и
.navigation li:target,
.navigation li:hover {
width: 130px;
....
}[/css]
Съответно навсякъде, където имаш тези две мерки 25px и 130px в кода те са ти размерите на бутона и полето, съответно.
Надявам се да си ме разбрал, ако не пиши, покажи със снимки и така. Ще го оправим
Успех!
Опитай да сложиш float: right; в navigation.css като създадеш нов клас .navigation
Ще изглежда така:
[css].navigation{
float: right;
}[/css]
А за второто. Трябва за този бутон да му направиш отделни настройки, защото най-вероятно Facebook полето е по-широко от другите неща, които ще слагаш. Та в новото id/class в css-а трябва да напишеш мин. ширина на иконата на FB и като сложиш мишката да стане с ширината на полето на FB. Не знам дали ме разбра затова ето пример. В урока е така:
[css]navigation li{
width: 25px;
....
}
и
.navigation li:target,
.navigation li:hover {
width: 130px;
....
}[/css]
Съответно навсякъде, където имаш тези две мерки 25px и 130px в кода те са ти размерите на бутона и полето, съответно.
Надявам се да си ме разбрал, ако не пиши, покажи със снимки и така. Ще го оправим
Успех!
Нещо не става и с двете предложения 
Това "float: right;" къде ли не го слагах не става, а за вторият отговор това което виждам, че си дал не е ли за ширината,а на мен ми трябва дължината ? Ето снимка до къде стигнах Линк към снимка
ПС:Ширината е направена нарочно така. Проблема е в дължинта
Това "float: right;" къде ли не го слагах не става, а за вторият отговор това което виждам, че си дал не е ли за ширината,а на мен ми трябва дължината ? Ето снимка до къде стигнах Линк към снимкаПС:Ширината е направена нарочно така. Проблема е в дължинта
на там ще се опитам да измайсторя нещо сам, ако пък не така ще остане все пак много благодаря за помощта.