css

Стиль сслыки на активную страницу на JavaScript

При оформлении любого сайта становиться вопрос и стилизации меню навигации. И так уж повелось, что модно делать так, чтобы ссылка на текущую страницу выделялась особым цветом или бекграундом.
Реализовать такое проще всего при помощи js скрипта с использованием jQuery.

Есть две возможные ситуации.
1. Вам нужно добавить класс active к ссылке на текущую страницу.
2. Вам нужно добавить класс active к элементу списка, который содержит ссылку на данную страницу.

В первом случа все вообще просто:

Добавляем CSS, JS и картинки к проекту django

При разборе фреймворка django неизбежно возникает вопрос о том, как добавить в проект статические файлы.
Посмотрим как это делается на примере CSS.

Приступим.

Создадим проект:

django-admin startproject app

Войдём в него и создадим папку для шаблонам и для медиа файлов (css, js, img... )

На linux:

mkdir templates
mkdir media

В папке media создадим папки для css и изображений:

mkdir img
mkdir css

Теперь создадим шаблон index.html в папке templates:

Делаем треугольник на CSS

В современных интерфейсах пользователя часто прибегают к использованию треугольников для указания направления, декорации кнопок и т.п.
Очень удобно и просто создавать их при помощи CSS.
Мы создадим блок с нулевой высотой и шириной. Ширина и высота стрелки будет определяться шириной border`а.
В стрелке направленной вверх нижняя граница окрашена, тогда как правая и левая - прозрачны. Именно это и создаёт эффект треугольника.
Пример.

Создадим 4 блока для стрелок: