Премини към съдържанието
Форумът в приложение

По-лесно сърфиране. Научи повече.

Kaldata.com - Форуми

Приложение на форума на цял екран с push известия, значки и други.

За да инсталирате това приложение на iOS и iPadOS
  1. Докоснете Иконата за споделяне в Safari
  2. Превъртете менюто и докоснете Добавяне към началния екран.
  3. Докоснете Добавяне в горния десен ъгъл.
За да инсталирате това приложение на Android
  1. Докоснете менюто с 3 точки (⋮) в горния десен ъгъл на браузъра.
  2. Докоснете Добавяне към началния екран или Инсталиране на приложение.
  3. Потвърдете, като докоснете Инсталиране.

Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

 

Как се прави това меню?

Featured Replies

В една таблица? в една клетка ли? Направи клетката по голяма. Ако са в една таблица - в различни клетки - виж кои клетки си заел и ги размести така че да са както ти искаш

  • Автор

Тя е достатъчно голяма. Но слага бутоните един под друг. Искам да бъдат в една таблица.

да знаете някаква програма за правене на браузър игри?

PHP, Ajax

Преди да правиш каквото и да е било се научи да позлваш търсещи машини.

Играта в подписа ми е правена на PHP, така че, ако искаш да правиш игри те чака много четене, писане и трудности с който ще трябва да се справяш.

Винаги има проблеми в процеса на работа, както и в живота и решението е да се справиш с тях, а не да бягаш, не се отказвай, бъди упорит, само така ще успееш без значение с какво си се захванал.

В случай си е чист CSS, няма JS за това меню!

Много често се използва този похват за менюта: CSS Pseudo-classes

Ползваш го, когато искаш да промениш нещо по CSS стила на елемент, когато мишката мине отгоре (hover)!

Редактирано от synner (преглед на промените)

Тя е достатъчно голяма. Но слага бутоните един под друг. Искам да бъдат в една таблица.

Добави следния код в CSS-a за елементa, в който е бутонът. Примерно:

#body2 a
{
    display: inline;
}

не искам да ставам програмист

А въобще знаеш ли какво искаш?

Редактирано от mapko (преглед на промените)

  • Автор

Нещо не се справям добре. Бутона изчезна като промених display на Inline.

ето така изглежда CSS-а за този бутон.

#printdesign
{
  display: inline;
  width: 117px;
  height: 27px;
  background: url("printdesign.jpg") no-repeat 0 0;

}

#printdesign:hover
{ 
  background-position: 0 -27px;
}

#printdesign span
{
  position: absolute;
  top: -999em;
}

Редактирано от Obly (преглед на промените)

Тя е достатъчно голяма. Но слага бутоните един под друг. Искам да бъдат в една таблица.

Може ли да го качите в hit.bg например за да видим какви са тези непослушни бутони

При inline елементи обаче кофтито е, че не се приема аргумента width... Затова е по-добре менюто да представлява списък от вида ul, като всяко li е inline елемент, а всеки линк (a) да ти е с даден width.

  • Автор

Може ли да го качите в hit.bg например за да видим какви са тези непослушни бутони

Това са бутони натегачи. Ти им казваш да седат в права линия, те си знаят друго. Цък

Изкам да са ето така, само че бутона принт да отиде до лого. В момента са на една линия, защото са в различна клетка. Целта е да са в една клетка и да са един до друг.

Благодаря ви, че ми помагате и отговаряте.

Редактирано от Obly (преглед на промените)

Я пробвай така:

в portfolio_1.php променяш началото на втория table

<table border="0" align="center" cellpadding="0" cellspacing="0" id="body2">
<tr>
    <td height="33"></td>
    
    <td id="menu">
		<ul>
			<li><a id="webdesign" href="#" title="Web Design"><span>Web Design</span></a></li>
			<li><a id="logodesign" href="#" title="Logo Design"><span>Logo Design</span></a></li>
			<li><a id="printdesign" href="#" title="Print Design"><span>Print Design</span></a></li>
		</ul>
	</td>
    <td>&nbsp;</td>
    <td></td>
  </tr>

В style/main.css

#menu
{
	display:block;
	margin-left:115px;
}

#menu ul
{

}

#menu ul li
{
	display:inline;
}

#menu ul li a
{
	width: 117px;
	height: 27px;
}

#webdesign
{
  background: url("webdesign.jpg") no-repeat 0 0;
}

#webdesign:hover
{ 
  background-position: 0 -27px;
}

#webdesign span
{
  position: absolute;
  top: -999em;
}
#logodesign
{
	background: url("logodesign.jpg") no-repeat 0 0;
}

#logodesign:hover
{ 
  background-position: 0 -27px;
}

#logodesign span
{
  position: absolute;
  top: -999em;
}
#printdesign
{
	background: url("printdesign.jpg") no-repeat 0 0;
}

#printdesign:hover
{ 
  background-position: 0 -27px;
}

#printdesign span
{
  position: absolute;
  top: -999em;
}

Заместваш от ред 53 до долу.

Не съм го тествал, не знам дали работи.

P.S.: освен ако някой javascript не го изисква, добра идея е да ползваш CSS class вместо id. Надявам се знаеш разликата м/у двете? Ако не - ето ти домашно :lol6:

Редактирано от mapko (преглед на промените)

  • Автор

За съжаление не се получи. Бутоните не се виждат. Мисля, че разликата е само в това, че за да използвам id, трябва да има различни стойности всеки пат, докато при css class, може да зададеш един и същи class на неограничен брой елементи. :angry:

Точно така. Можеш ли да ми пратиш на ЛС portfolio_1.php и css файла + картинките, за да го погледна ? Сигурен съм, че проблемът е в нещо дребно, но на сляпо ми е трудно :cheerleading2:

Архивирана тема

Темата е твърде стара и е архивирана. Не можете да добавяте нови отговори в нея, но винаги можете да публикувате нова тема, в която да продължи дискусията. Регистрирайте се или влезте във вашия профил за да публикувате нова тема.

Разглеждащи това в момента 0

  • Няма регистрирани потребители разглеждащи тази страница.

Дарение

  • Подкрепи съществуването на форума - направи дарение
    32%
    Дарени 315 € от нужните 1 000 €

Бюлетин

Получавайте известие, когато има важна промяна или новина свързана с форума.

Профил

Навигация

Търсене

Търсене

Конфигуриране на push известия в браузъра

Chrome (Android)
  1. Докоснете иконата на катинар до адресната лента.
  2. Докоснете Разрешения → Известия.
  3. Променете предпочитанията си.
Chrome (Desktop)
  1. Кликнете върху иконата на катинар в адресната лента.
  2. Изберете Настройки на сайта.
  3. Намерете Известия и коригирайте предпочитанията си.