Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
vitaba
0 / 0 / 0
Регистрация: 18.11.2015
Сообщений: 1
1

Нужно сделать сайт на Bootstrap чтобы был спойлер и аркадеон

18.11.2015, 18:16. Просмотров 374. Ответов 1
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="bootstrap/js/jquery-1.10.2.js"></script>
</head>
<body>
<div class="container">
<div class="row"
     <font size="+2"> ... </font>
    <h1>Салон красоты</h1>
  <div class="navbar navbar-defalut" id="menu">
    <div class="navbar-inner">
      <ul class="nav">
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Главаная <span class="caret">
          <ul class="dropdown-menu">
            <li><a href="#">Стрижка Женская</a></li>
            <li><a href="#">Стрижка Мужская</a></li>
          </ul>
        </li>
        <li><a href="#">История</a></li>
        <li><a href="#">Кому подарить</a></li>
      </ul>
    </div>
  </div>
  <div id="content">
    <div class="row">
      <div class="span9" id="left">
      <div class="carousel slide" id="myCarousel">
            <ol class="carousel-indicators">
              <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
              <li data-target="#myCarousel" data-slide-to="1"></></li>
            </ol>
            <div class="carousel-inner">
              <div class="item active">
              <img src="http://www.cyberforum.ru/images/opx2.jpg"/>
                <div class="carousel-caption">
              
                </div>
              </div>
              <div class="item">
              <img src="http://www.cyberforum.ru/images/opx1.jpg"/>
                <div class="carousel-caption">
                 
                </div>
              </div>
            </div>
            <a class="carousel-control left" data-slide="prev" href="#myCarousel">&lsaquo;</a> 
            <a class="carousel-control right" data-slide="next" href="#myCarousel">&rsaquo;</a> 
</div>
 
      <div id="block_with_accordion">
        <div class="row">
          <div class="span4">
           <div class="well">
          <div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Как пересадить орхидею самостоятельно</a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
      <div class="panel-body">
        <p>Пересаживать орхидеи следует достаточно осторожно, чтобы не повредить нежные корни </p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Советы при покупке орхидей </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse">
      <div class="panel-body">
        <p> Приобретать нажно только те цветы, которые поступили в продажу в последние 2-3 недели.</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Особенности ухода за орхидеями в домашних условиях</a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse">
      <div class="panel-body">
        <p>Поливать орхидеи желательно дождевой водой, отстоянной или кипяченой.</p>
      </div>
    </div>
  </div>
</div>
          
          </div>
           </div>
          <div class="span5" id="content_with_accordion" style="margin-left:0;">
            <div class="well">
           <h4> Орхидея - тропическая красавица в нашем доме</h4>
           <p style="text-align:justify">
      Существует мнение, что одним из самых загадочных и красивых цветков является орхидея</p>
          <p style="text-align:justify">
       </p> В природе существует около 25 000 видов орхидей.<p style="text-align:justify">
      А колличество искусственно выведенных гибридов этих растений более 100 000.</p>  
            </div>
           </div>
         </div>
      </div>
      </div> 
    
      <div class="span3" id="right" style="margin:0; padding:0;">
      <ul id="myTabs" class="nav nav-tabs">
  <li class="active"><a href="#home" data-toggle="tab">Главная</a></li>
  <li><a href="#profile" data-toggle="tab">профили</a></li>
  <li><a href="#messages" data-toggle="tab">Сообщения</a></li>
</ul>
 
<div class="tab-content">
  <div class="tab-pane active" id="home">арвмпрмпыарвмп аимаримарммммммм мммммммрааааааааааааааааааааа</div>
  <div class="tab-pane" id="profile">.олвамрвпиаамриамраимпарипар имарвимарвимримаримаимроиаар..</div>
  <div class="tab-pane" id="messages">..олвамрвпиамриамраи мпарипариипаримарвимар вимримаримаимроиаар..</div>
  <div class="tab-pane" id="settings">....олвамрвпиамриамаимпарипаримарвимарвимри маримаимроиаар</div>
</div>
 
      </div>
    
  </div>
  <div id="footer"></div>
</div>
</div>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="bootstrap/js/jquery-1.10.2.js"></script>
</body>
</html>
Добавлено через 1 минуту
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@charset "utf-8";
/* CSS Document */
 
body {
    background-image: url(images/fon-f17.jpg);
}
 
.container #header {
    background-image: url(images/CREAM1.JPG);
    height:150px;
    width:920px;
    margin-top:50px;
    background-repeat:no-repeat;
    font-family: romana_scriptregular;
    font-size:50px;
    padding-left:130px;
    padding-top:110px;
}
@font-face {
    font-family: 'romana_scriptregular';
    src: url('fonts/romanascript-webfont.eot');
    src: url('fonts/romanascript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/romanascript-webfont.woff') format('woff'),
         url('fonts/romanascript-webfont.ttf') format('truetype'),
         url('fonts/romanascript-webfont.svg#romana_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
#header .title {
    font-family: 'romana_scriptregular';
    font-size:35px;
    padding-left:130px;
    padding-top:50px;
}
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
18.11.2015, 18:16
Ответы с готовыми решениями:

Как сделать так чтобы при уменьшении окна браузера сайт был читабельным
Как сделать так чтобы при уменьшении окна браузера сайт был читабельным

Как сделать спойлер, чтобы при нажатии на ссылку вместо неё был другой текст?
Как сделать спойлер, чтобы при нажатии на ссылку вместо неё был другой текст?

как сделать таблицу в исходнике, чтобы она выводилась на экран? вот код. нужно, чтобы в одной колонке был Х ,
Код в С #include &lt;stdio.h&gt; #include &lt;stdlib.h&gt; #include &lt;math.h&gt; int main() { float...

Как сделать так,чтобы мой сайт был найден в гугл
Ребята подскажите, пожалуйста, как сделать, чтоб мой сайт обнаружил гугл. Прописываю в гугл,...

Apache2 (Ubuntu), как сделать, чтобы у каждого доменного имени был свой сайт?
При настройке Apach2 на Ubuntu после установки файл с сайтом, который открывается по переходу по...

1
PeterLS
69 / 68 / 21
Регистрация: 24.11.2012
Сообщений: 491
Записей в блоге: 1
18.11.2015, 21:14 2
vitaba, а в чем, собственно, вопрос? Что у Вас именно не получается реализовать?
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.11.2015, 21:14

Как сделать чтобы Label был сверху картинки и был прозрачен?
Как сделать чтобы label был сверху картинки и он был прозрачен?

Что нужно чтобы сделать сайт на подобии как (см. вн.)
Есть сайт http://gadecky.ru/ Нужно сделать похожий сайт, что нужно для этого и чем лучше...

Как сделать чтобы в ссылке на сайт не нужно было прописывать wordpress?
Доброго времени суток всем! Решил создать блог(в этом я чайник:) на движке wordpress, на бесплатном...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru