Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Реально ли зарабатывать приличных денег на 80-90% уник. контентом ?

Привет всем я создаю сайт чтобы в дальнейшем зарабатывать деньги с помощью этого сайта создаю с помощью джомла 2.5 . Текст буду купить на етекст.ру (тоисть контент будет 90-100℅ уникальным ). Реально ли зарабатывать приличных денег или нет?
Ответ: Уже джомла 3.6.2 а вы делаете сайт на джомла 2.5
Вопрос: Сколько требовать денег за создание и поддержку веб-магазина

Здравствуйте!. Работаю "многоруким" сисадмином в небольшой конторе. В один прекрасный день у начальства зарождается идея - "а не плохо бы поднять веб магазин..." Поднять я могу (либо cms, либо свой движок буду строить). Но создать это одно, а раскручивать в SEO и забивание\обновление контента это другое.
Зарплата мелкая (30т.р), но и времени свободного много, поэтому пользуясь случаем хотелось бы какую-то прибавку...
К сожалению из-за своего скромного и альтруистичного характера не умею подходить к финансовой стороне дел.

Поэтому прошу помочь с вопросом - На сколько можно требовать поднять зп , или может просить % от продаж? К слову менеджмент по телефону с меня не спрашивается...

Спасибо!
Ответ: Нужно различать понятия. Яндекс-директ (у гугла аналогичный сервис наз-ся Google adwords) - это контекстная реклама: денег заплатили - показываются объявления , денег не заплатили - не показываются объявления. Это рекламные блоки сверху над поисковой выдачей из 10 ссылок и снизу от нее, они наз-ся спецразмещение и гарантированные показы. Это самое дорогое, особенно если конкурентные запросы. СЕО - это совсем другое. Здесь повышается позиция сайта в выдаче, в основном, путем оптимизации контента и юзабилити и покупки ссылок (крайне осторожнее с последним!). Отлично, когда сайт попадает в топ-10, идеально, когда топ-3, потому что все, что ниже топ10 не актуально. Посредством СЕО сайт раскручивается медленно (до полугода, если молодой домен). По основам продвижения есть книги и курсы, равно как и по другим направлениям.
Вопрос: Высота div не меняется с добавлением контента

Всем привет! div тела сайта должен меняться.

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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8";>
        <title>BvB</title>
        <link rel="shortcut icon" type="image\x-icom" href="http://www.cyberforum.ru/images/borussia-dortmund-logo-153245.png">
    <link rel="stylesheet" type="text/css" href="style.css" media="all">
    <link rel="stylesheet" type="text/css" href="style-text.css" media="all">
    </head>
    <body>
        <div class="basis">
            <div class="header">
            </div>
            <div class="menu">
                <nav>
                    <ul>
                        <li><a href="#####" class="url1">Главная</a></li>
                        <li><a href="#####" class="url2">Игры</a></li>
                        <li><a href="#####" class="url3">Команда</a></li>
                        <li><a href="#####" class="url4">Клуб</a></li>
                        <li><a href="#####" class="url5">История</a></li>
                    </ul>
                </nav>
            </div>
            <div class="content">
                <div class="news">
                    <h1>Sporting никогда не выигрывал в Германии</h1>
                        <p>
                            В среду вечером (начало 20:45), Borussia Dortmund встретит Sporting Lissabon в UEFA Champions League. Первые четыре домашние игры против португальских команд (Benfica, дважды Boavista Porto, последний FC Porto) все были выиграны.
                        </p>
                    <h2>Факты о Borussia Dortmund</h2>
                        <li> Команда Thomas Tuchels стоит на вершине группы F с семью очками, уровень по очкам с Реалом. </li>
                        <li>djdjdjd</li>
                        <li>jdjdj</li>
                        <li>jdjdj</li>
                </div>
                jkfjek;k<br>
                flf;lf<br>
                f;<br>
                f;
            </div>
            <div class="footer">
                <h5>&copy; by Vovan</h5>
            </div>
        </div>
    </body>
</html>
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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
body {
    background: url(images/basis.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    
    
    
}
/*ОСНОВА САЙТА*/
 
div.basis{
    background: rgba(91%, 94%, 3%, 0.4);
    width: 92%;
    position: absolute;
    height: 100%;
    margin-bottom: 2%;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 2%;
    border-radius: 23px;
    border: 1px solid black;
    box-shadow: inset 2px 0px 15px black, -2px 0px 15px black, 0px 0px 20px black,-2px 0px 15px black;
    
    
    
}
/*ШАПКА САЙТА*/
 
div.header{
    background: url(images/gf.png) no-repeat center ;
    background-size: 100%;
    position: absolute;
    height: 800px ;
    max-height: 35%;
    width: 80%;
    margin-bottom: 20%;
    margin-top: 3% ;
    margin-left: 10%;
    margin-right: 10%;
    opacity: ;
    z-index: 2;
    box-shadow: 2px 0px 15px black, -2px 0px 15px black, 0px 0px 20px black,-2px 0px 15px black;
    border: 1px black;
}
/*МЕНЮ ССАЙТА*/
div.menu ul {
    margin-top: 23%;
    padding: 0;
    list-style: none;
    text-align: center; 
}
div.menu ul li {
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2%;
    }
/*БЛОКИ МЕНЮ*/
 
/*ссылка 1*/
div.menu ul li a.url1{
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста*/
  background: rgb(212,75,5); /* фон кнопки */
  padding: 1.3em 3.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  border-radius: 0px 0px 0px 60px ;
  box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px; black,-2px 0px 15px black;
  background: radial-gradient(at right, #e8f007 40%, black  );
  color: black;
}
div.menu ul li a.url1:hover { background: black;
    color: #e8f007;
    box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px #e8f007,-2px 0px 15px #e8f007;
 
} 
 
/*ссылка 2*/
div.menu ul li a.url2{
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,5); /* фон кнопки */
  padding: 1.3em 3.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  border-radius: 0px 0px;
  box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px;
  background: radial-gradient(at center, #e8f007 40%, black );
  color: black;
}
div.menu ul li a.url2:hover { background: black;
    color: #e8f007;
    box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px #e8f007,-2px 0px 15px #e8f007;
}
 
/*ссылка 3*/
div.menu ul li a.url3{
  color: #fff; 
  text-decoration: none; 
  user-select: none; 
  background: rgb(212,75,5); 
  padding: 1.3em 3.5em; 
  outline: none; 
  border-radius: 0px 0px;
  box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px;
  background: radial-gradient(at center, #e8f007 40%, black );
  color: black;
}
div.menu ul li a.url3:hover { background: black;
    color: #e8f007;
    box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px #e8f007,-2px 0px 15px #e8f007;
} 
 
/*ссылка 4 */
div.menu ul li a.url4{
  color: #fff; 
  text-decoration: none; 
  user-select: none; 
  background: rgb(212,75,5); 
  padding: 1.3em 3.5em; 
  outline: none; 
  border-radius: 0px 0px;
  box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px;
  background: radial-gradient(at center, #e8f007 40%, black );
  color: black;
}
div.menu ul li a.url4:hover { background: black;
    color: #e8f007;
    box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px #e8f007,-2px 0px 15px #e8f007;
} 
 
/*ссылка 5*/
div.menu ul li a.url5{
  color: #fff; 
  text-decoration: none; 
  user-select: none; 
  background: rgb(212,75,66);
  padding: 1.3em 3.5em; 
  outline: none; 
  border-radius: 0px 0px 60px 0px;
  box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px;
  background: radial-gradient(at left, #e8f007 40%, black );
  color: black;
}
div.menu ul li a.url5:hover { background: black;
    color: #e8f007;
    box-shadow: inset 7px 9px 50px black, -9px 9px 60px black, 0px 9px 12px #e8f007,-2px 0px 15px #e8f007;
} 
 
/*ТЕЛО САЙТА*/
 
div.content {
    background: rgba(2%, 2%, 2%, 0.9);
    width: 90%;
    margin-top: 2%;
    margin-left: 5%;
    margin-right: 5%;
    position: absolute;
    height: 1080px;
    max-height: 30%;
    border-radius: 10px;
    border: 1px solid black;
    box-shadow: inset 2px 0px 15px black, -2px 0px 15px black, 0px 0px 20px black,-2px 0px 15px black;
    
}
 
/*ПОДВАЛ САЙТА*/
 
div.footer{
    background: rgba(2%, 2%, 2%, 0.9);
    width: 98%;
    margin-top: 20%;
    margin-left: 1%;
    margin-right: 1%;
    position: absolute;
    height: 1080px;
    max-height: 6%;
    border-radius: 10px 10px 30px 30px;
    border: 1px solid black;
    box-shadow: inset 2px 0px 15px black, -2px 0px 15px black, 0px 0px 20px black,-2px 0px 15px black;
}
Ответ: Вот основная сетка.
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
36
37
38
39
html,body{
  height: 100%;
}
.wrapper{
  width:92%;
  min-height: 100%;
  border:1px solid black;
  border-radius:0 0 20px 20px;
  margin:0 auto 20px auto;
  position: relative;    
}
 
.poster{  
  background-color:#ccc;
  width:80%;
  margin:0 auto;
  margin-top:10px;
}
 
.btn-block{
  width:80%;
  margin:0 auto;  
  margin-top:10px;  
  border:1px solid black;
}
.content{
  width:90%;
  margin:10px auto 10px auto;
  padding-bottom: 50px;
}
.footer{
  position: absolute;
  bottom:10px;
  height:40px;
  width:95%;
  left:0; right:0; margin:0 auto;
  border:1px solid black;
  
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="wrapper">
  <div class="header">
    <div class="poster">картинка</div>
    <div class="btn-block">
      кнопки
    </div>
  </div>
  <div class="content">
    Контент
  </div>
  <div class="footer">Футер</div>
</div>
Вопрос: Не отображается контент на мобильной версии сайта. Prestashop

Добрый день!
Прошу помощи у опытных вэб разработчиков.
- работаю над адаптацией сайта под девайсы. На мобильной версии с компа (онлайн проверка адаптивности) все отлично. А на мобильном в браузере не отображается контент главной страницы. (iphone)

Помогите пожалуйста разобраться.. Заранее спасибо.
Ответ: Эти темы мне не подошли.
Я уже выяснила, что это мобильная версия сайта отключает блоки слайдер и CMSinfo.
Вопрос только в том теперь - где этот файл, отвечающий за эту версию адаптации под мобильные устройства.
В папке /tools/mobile_Detect эсть такое: (скопирую малую часть, может здесь кроется тайна?)
Код PHP
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<?php
/**
 * Mobile Detect Library
 * =====================
 *
 * Motto: "Every business should have a mobile detection script to detect mobile readers"
 *
 * Mobile_Detect is a lightweight PHP class for detecting mobile devices (including tablets).
 * It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.
 *
 * @author      Current authors: Serban Ghita <serbanghita@gmail.com>, Nick Ilyin <nick.ilyin@gmail.com>
 *              Original author: Victor Stanciu <vic.stanciu@gmail.com>
 *
 * @license     Code and contributions have 'MIT License'
 *              More details: https://github.com/serbanghita/Mobile-Detect/blob/master/LICENSE.txt
 *
 * @link        Homepage:     http://mobiledetect.net
 *              GitHub Repo:  https://github.com/serbanghita/Mobile-Detect
 *              Google Code:  http://code.google.com/p/php-mobile-detect/
 *              README:       https://github.com/serbanghita/Mobile-Detect/blob/master/README.md
 *              HOWTO:        https://github.com/serbanghita/Mobile-Detect/wiki/Code-examples
 *
 * @version     2.8.5
 */
 
class Mobile_Detect
{
    /**
     * Mobile detection type.
     *
     * @deprecated since version 2.6.9
     */
    const DETECTION_TYPE_MOBILE     = 'mobile';
 
    /**
     * Extended detection type.
     *
     * @deprecated since version 2.6.9
     */
    const DETECTION_TYPE_EXTENDED   = 'extended';
 
    /**
     * A frequently used regular expression to extract version #s.
     *
     * @deprecated since version 2.6.9
     */
    const VER                       = '([\w._\+]+)';
 
    /**
     * Top-level device.
     */
    const MOBILE_GRADE_A            = 'A';
 
    /**
     * Mid-level device.
     */
    const MOBILE_GRADE_B            = 'B';
 
    /**
     * Low-level device.
     */
    const MOBILE_GRADE_C            = 'C';
 
    /**
     * Stores the version number of the current release.
     */
    const VERSION                   = '2.8.5';
 
    /**
     * A type for the version() method indicating a string return value.
     */
    const VERSION_TYPE_STRING       = 'text';
 
    /**
     * A type for the version() method indicating a float return value.
     */
    const VERSION_TYPE_FLOAT        = 'float';
 
    /**
     * The User-Agent HTTP header is stored in here.
     * @var string
     */
    protected $userAgent = null;
 
    /**
     * HTTP headers in the PHP-flavor. So HTTP_USER_AGENT and SERVER_SOFTWARE.
     * @var array
     */
    protected $httpHeaders = array();
 
    /**
     * The detection type, using self::DETECTION_TYPE_MOBILE or self::DETECTION_TYPE_EXTENDED.
     *
     * @deprecated since version 2.6.9
     *
     * @var string
     */
    protected $detectionType = self::DETECTION_TYPE_MOBILE;
 
    /**
     * HTTP headers that trigger the 'isMobile' detection
     * to be true.
     *
     * @var array
     */
    protected static $mobileHeaders = array(
 
            'HTTP_ACCEPT'                  => array('matches' => array(
                                                                        // Opera Mini; @reference: http://dev.opera.com/articles/view/opera-binary-markup-language/
                                                                        'application/x-obml2d',
                                                                        // BlackBerry devices.
                                                                        'application/vnd.rim.html',
                                                                        'text/vnd.wap.wml',
                                                                        'application/vnd.wap.xhtml+xml'
                                            )),
            'HTTP_X_WAP_PROFILE'           => null,
            'HTTP_X_WAP_CLIENTID'          => null,
            'HTTP_WAP_CONNECTION'          => null,
            'HTTP_PROFILE'                 => null,
            // Reported by Opera on Nokia devices (eg. C3).
            'HTTP_X_OPERAMINI_PHONE_UA'    => null,
            'HTTP_X_NOKIA_GATEWAY_ID'      => null,
            'HTTP_X_ORANGE_ID'             => null,
            'HTTP_X_VODAFONE_3GPDPCONTEXT' => null,
            'HTTP_X_HUAWEI_USERID'         => null,
            // Reported by Windows Smartphones.
            'HTTP_UA_OS'                   => null,
            // Reported by Verizon, Vodafone proxy system.
            'HTTP_X_MOBILE_GATEWAY'        => null,
            // Seen this on HTC Sensation. SensationXE_Beats_Z715e.
            'HTTP_X_ATT_DEVICEID'          => null,
            // Seen this on a HTC.
            'HTTP_UA_CPU'                  => array('matches' => array('ARM')),
    );
 
    /**
     * List of mobile devices (phones).
     *
     * @var array
     */
    protected static $phoneDevices = array(
        'iPhone'        => '\biPhone\b|\biPod\b', // |\biTunes
        'BlackBerry'    => 'BlackBerry|\bBB10\b|rim[0-9]+',
        'HTC'           => 'HTC|HTC.*(Sensation|Evo|Vision|Explorer|6800|8100|8900|A7272|S510e|C110e|Legend|Desire|T8282)|APX515CKT|Qtek9090|APA9292KT|HD_mini|Sensation.*Z710e|PG86100|Z715e|Desire.*(A8181|HD)|ADR6200|ADR6400L|ADR6425|001HT|Inspire 4G|Android.*\bEVO\b|T-Mobile G1|Z520m',
        'Nexus'         => 'Nexus One|Nexus S|Galaxy.*Nexus|Android.*Nexus.*Mobile|Nexus 4|Nexus 5|Nexus 6',
        // @todo: Is 'Dell Streak' a tablet or a phone? ;)
        'Dell'          => 'Dell.*Streak|Dell.*Aero|Dell.*Venue|DELL.*Venue Pro|Dell Flash|Dell Smoke|Dell Mini 3iX|XCD28|XCD35|\b001DL\b|\b101DL\b|\bGS01\b',
        'Motorola'      => 'Motorola|DROIDX|DROID BIONIC|\bDroid\b.*Build|Android.*Xoom|HRI39|MOT-|A1260|A1680|A555|A853|A855|A953|A955|A956|Motorola.*ELECTRIFY|Motorola.*i1|i867|i940|MB200|MB300|MB501|MB502|MB508|MB511|MB520|MB525|MB526|MB611|MB612|MB632|MB810|MB855|MB860|MB861|MB865|MB870|ME501|ME502|ME511|ME525|ME600|ME632|ME722|ME811|ME860|ME863|ME865|MT620|MT710|MT716|MT720|MT810|MT870|MT917|Motorola.*TITANIUM|WX435|WX445|XT300|XT301|XT311|XT316|XT317|XT319|XT320|XT390|XT502|XT530|XT531|XT532|XT535|XT603|XT610|XT611|XT615|XT681|XT701|XT702|XT711|XT720|XT800|XT806|XT860|XT862|XT875|XT882|XT883|XT894|XT901|XT907|XT909|XT910|XT912|XT928|XT926|XT915|XT919|XT925',
        'Samsung'       => 'Samsung|SGH-I337|BGT-S5230|GT-B2100|GT-B2700|GT-B2710|GT-B3210|GT-B3310|GT-B3410|GT-B3730|GT-B3740|GT-B5510|GT-B5512|GT-B5722|GT-B6520|GT-B7300|GT-B7320|GT-B7330|GT-B7350|GT-B7510|GT-B7722|GT-B7800|GT-C3010|GT-C3011|GT-C3060|GT-C3200|GT-C3212|GT-C3212I|GT-C3262|GT-C3222|GT-C3300|GT-C3300K|GT-C3303|GT-C3303K|GT-C3310|GT-C3322|GT-C3330|GT-C3350|GT-C3500|GT-C3510|GT-C3530|GT-C3630|GT-C3780|GT-C5010|GT-C5212|GT-C6620|GT-C6625|GT-C6712|GT-E1050|GT-E1070|GT-E1075|GT-E1080|GT-E1081|GT-E1085|GT-E1087|GT-E1100|GT-E1107|GT-E1110|GT-E1120|GT-E1125|GT-E1130|GT-E1160|GT-E1170|GT-E1175|GT-E1180|GT-E1182|GT-E1200|GT-E1210|GT-E1225|GT-E1230|GT-E1390|GT-E2100|GT-E2120|GT-E2121|GT-E2152|GT-E2220|GT-E2222|GT-E2230|GT-E2232|GT-E2250|GT-E2370|GT-E2550|GT-E2652|GT-E3210|GT-E3213|GT-I5500|GT-I5503|GT-I5700|GT-I5800|GT-I5801|GT-I6410|GT-I6420|GT-I7110|GT-I7410|GT-I7500|GT-I8000|GT-I8150|GT-I8160|GT-I8190|GT-I8320|GT-I8330|GT-I8350|GT-I8530|GT-I8700|GT-I8703|GT-I8910|GT-I9000|GT-I9001|GT-I9003|GT-I9010|GT-I9020|GT-I9023|GT-I9070|GT-I9082|GT-I9100|GT-I9103|GT-I9220|GT-I9250|GT-I9300|GT-I9305|GT-I9500|GT-I9505|GT-M3510|GT-M5650|GT-M7500|GT-M7600|GT-M7603|GT-M8800|GT-M8910|GT-N7000|GT-S3110|GT-S3310|GT-S3350|GT-S3353|GT-S3370|GT-S3650|GT-S3653|GT-S3770|GT-S3850|GT-S5210|GT-S5220|GT-S5229|GT-S5230|GT-S5233|GT-S5250|GT-S5253|GT-S5260|GT-S5263|GT-S5270|GT-S5300|GT-S5330|GT-S5350|GT-S5360|GT-S5363|GT-S5369|GT-S5380|GT-S5380D|GT-S5560|GT-S5570|GT-S5600|GT-S5603|GT-S5610|GT-S5620|GT-S5660|GT-S5670|GT-S5690|GT-S5750|GT-S5780|GT-S5830|GT-S5839|GT-S6102|GT-S6500|GT-S7070|GT-S7200|GT-S7220|GT-S7230|GT-S7233|GT-S7250|GT-S7500|GT-S7530|GT-S7550|GT-S7562|GT-S7710|GT-S8000|GT-S8003|GT-S8500|GT-S8530|GT-S8600|SCH-A310|SCH-A530|SCH-A570|SCH-A610|SCH-A630|SCH-A650|SCH-A790|SCH-A795|SCH-A850|SCH-A870|SCH-A890|SCH-A930|SCH-A950|SCH-A970|SCH-A990|SCH-I100|SCH-I110|SCH-I400|SCH-I405|SCH-I500|SCH-I510|SCH-I515|SCH-I600|SCH-I730|SCH-I760|SCH-I770|SCH-I830|SCH-I910|SCH-I920|SCH-I959|SCH-LC11|SCH-N150|SCH-N300|SCH-R100|SCH-R300|SCH-R351|SCH-R400|SCH-R410|SCH-T300|SCH-U310|SCH-U320|SCH-U350|SCH-U360|SCH-U365|SCH-U370|SCH-U380|SCH-U410|SCH-U430|SCH-U450|SCH-U460|SCH-U470|SCH-U490|SCH-U540|SCH-U550|SCH-U620|SCH-U640|SCH-U650|SCH-U660|SCH-U700|SCH-U740|SCH-U750|SCH-U810|SCH-U820|SCH-U900|SCH-U940|SCH-U960|SCS-26UC|SGH-A107|SGH-A117|SGH-A127|SGH-A137|SGH-A157|SGH-A167|SGH-A177|SGH-A187|SGH-A197|SGH-A227|SGH-A237|SGH-A257|SGH-A437|SGH-A517|SGH-A597|SGH-A637|SGH-A657|SGH-A667|SGH-A687|SGH-A697|SGH-A707|SGH-A717|SGH-A727|SGH-A737|SGH-A747|SGH-A767|SGH-A777|SGH-A797|SGH-A817|SGH-A827|SGH-A837|SGH-A847|SGH-A867|SGH-A877|SGH-A887|SGH-A897|SGH-A927|SGH-B100|SGH-B130|SGH-B200|SGH-B220|SGH-C100|SGH-C110|SGH-C120|SGH-C130|SGH-C140|SGH-C160|SGH-C170|SGH-C180|SGH-C200|SGH-C207|SGH-C210|SGH-C225|SGH-C230|SGH-C417|SGH-C450|SGH-D307|SGH-D347|SGH-D357|SGH-D407|SGH-D415|SGH-D780|SGH-D807|SGH-D980|SGH-E105|SGH-E200|SGH-E315|SGH-E316|SGH-E317|SGH-E335|SGH-E590|SGH-E635|SGH-E715|SGH-E890|SGH-F300|SGH-F480|SGH-I200|SGH-I300|SGH-I320|SGH-I550|SGH-I577|SGH-I600|SGH-I607|SGH-I617|SGH-I627|SGH-I637|SGH-I677|SGH-I700|SGH-I717|SGH-I727|SGH-i747M|SGH-I777|SGH-I780|SGH-I827|SGH-I847|SGH-I857|SGH-I896|SGH-I897|SGH-I900|SGH-I907|SGH-I917|SGH-I927|SGH-I937|SGH-I997|SGH-J150|SGH-J200|SGH-L170|SGH-L700|SGH-M110|SGH-M150|SGH-M200|SGH-N105|SGH-N500|SGH-N600|SGH-N620|SGH-N625|SGH-N700|SGH-N710|SGH-P107|SGH-P207|SGH-P300|SGH-P310|SGH-P520|SGH-P735|SGH-P777|SGH-Q105|SGH-R210|SGH-R220|SGH-R225|SGH-S105|SGH-S307|SGH-T109|SGH-T119|SGH-T139|SGH-T209|SGH-T219|SGH-T229|SGH-T239|SGH-T249|SGH-T259|SGH-T309|SGH-T319|SGH-T329|SGH-T339|SGH-T349|SGH-T359|SGH-T369|SGH-T379|SGH-T409|SGH-T429|SGH-T439|SGH-T459|SGH-T469|SGH-T479|SGH-T499|SGH-T509|SGH-T519|SGH-T539|SGH-T559|SGH-T589|SGH-T609|SGH-T619|SGH-T629|SGH-T639|SGH-T659|SGH-T669|SGH-T679|SGH-T709|SGH-T719|SGH-T729|SGH-T739|SGH-T746|SGH-T749|SGH-T759|SGH-T769|SGH-T809|SGH-T819|SGH-T839|SGH-T919|SGH-T929|SGH-T939|SGH-T959|SGH-T989|SGH-U100|SGH-U200|SGH-U800|SGH-V205|SGH-V206|SGH-X100|SGH-X105|SGH-X120|SGH-X140|SGH-X426|SGH-X427|SGH-X475|SGH-X495|SGH-X497|SGH-X507|SGH-X600|SGH-X610|SGH-X620|SGH-X630|SGH-X700|SGH-X820|SGH-X890|SGH-Z130|SGH-Z150|SGH-Z170|SGH-ZX10|SGH-ZX20|SHW-M110|SPH-A120|SPH-A400|SPH-A420|SPH-A460|SPH-A500|SPH-A560|SPH-A600|SPH-A620|SPH-A660|SPH-A700|SPH-A740|SPH-A760|SPH-A790|SPH-A800|SPH-A820|SPH-A840|SPH-A880|SPH-A900|SPH-A940|SPH-A960|SPH-D600|SPH-D700|SPH-D710|SPH-D720|SPH-I300|SPH-I325|SPH-I330|SPH-I350|SPH-I500|SPH-I600|SPH-I700|SPH-L700|SPH-M100|SPH-M220|SPH-M240|SPH-M300|SPH-M305|SPH-M320|SPH-M330|SPH-M350|SPH-M360|SPH-M370|SPH-M380|SPH-M510|SPH-M540|SPH-M550|SPH-M560|SPH-M570|SPH-M580|SPH-M610|SPH-M620|SPH-M630|SPH-M800|SPH-M810|SPH-M850|SPH-M900|SPH-M910|SPH-M920|SPH-M930|SPH-N100|SPH-N200|SPH-N240|SPH-N300|SPH-N400|SPH-Z400|SWC-E100|SCH-i909|GT-N7100|GT-N7105|SCH-I535|SM-N900A|SGH-I317|SGH-T999L|GT-S5360B|GT-I8262|GT-S6802|GT-S6312|GT-S6310|GT-S5312|GT-S5310|GT-I9105|GT-I8510|GT-S6790N|SM-G7105|SM-N9005|GT-S5301|GT-I9295|GT-I9195|SM-C101|GT-S7392|GT-S7560|GT-B7610|GT-I5510|GT-S7582|GT-S7530E|GT-I8750',
        'LG'            => '\bLG\b;|LG[- ]?(C800|C900|E400|E610|E900|E-900|F160|F180K|F180L|F180S|730|855|L160|LS840|LS970|LU6200|MS690|MS695|MS770|MS840|MS870|MS910|P500|P700|P705|VM696|AS680|AS695|AX840|C729|E970|GS505|272|C395|E739BK|E960|L55C|L75C|LS696|LS860|P769BK|P350|P500|P509|P870|UN272|US730|VS840|VS950|LN272|LN510|LS670|LS855|LW690|MN270|MN510|P509|P769|P930|UN200|UN270|UN510|UN610|US670|US740|US760|UX265|UX840|VN271|VN530|VS660|VS700|VS740|VS750|VS910|VS920|VS930|VX9200|VX11000|AX840A|LW770|P506|P925|P999|E612|D955|D802)',
        'Sony'          => 'SonyST|SonyLT|SonyEricsson|SonyEricssonLT15iv|LT18i|E10i|LT28h|LT26w|SonyEricssonMT27i|C6902|C6903|C6906|C6943|D2533',
        'Asus'          => 'Asus.*Galaxy|PadFone.*Mobile',
        // http://www.micromaxinfo.com/mobiles/smartphones
        // Added because the codes might conflict with Acer Tablets.
        'Micromax'      => 'Micromax.*\b(A210|A92|A88|A72|A111|A110Q|A115|A116|A110|A90S|A26|A51|A35|A54|A25|A27|A89|A68|A65|A57|A90)\b',
        // @todo Complete the regex.
        'Palm'          => 'PalmSource|Palm', // avantgo|blazer|elaine|hiptop|plucker|xiino ; 
        'Vertu'         => 'Vertu|Vertu.*Ltd|Vertu.*Ascent|Vertu.*Ayxta|Vertu.*Constellation(F|Quest)?|Vertu.*Monika|Vertu.*Signature', // Just for fun ;)
        // http://www.pantech.co.kr/en/prod/prodList.do?gbrand=VEGA (PANTECH)
        // Most of the VEGA devices are legacy. PANTECH seem to be newer devices based on Android.
        'Pantech'       => 'PANTECH|IM-A850S|IM-A840S|IM-A830L|IM-A830K|IM-A830S|IM-A820L|IM-A810K|IM-A810S|IM-A800S|IM-T100K|IM-A725L|IM-A780L|IM-A775C|IM-A770K|IM-A760S|IM-A750K|IM-A740S|IM-A730S|IM-A720L|IM-A710K|IM-A690L|IM-A690S|IM-A650S|IM-A630K|IM-A600S|VEGA PTL21|PT003|P8010|ADR910L|P6030|P6020|P9070|P4100|P9060|P5000|CDM8992|TXT8045|ADR8995|IS11PT|P2030|P6010|P8000|PT002|IS06|CDM8999|P9050|PT001|TXT8040|P2020|P9020|P2000|P7040|P7000|C790',
        // http://www.fly-phone.com/devices/smartphones/ ; Included only smartphones.
        'Fly'           => 'IQ230|IQ444|IQ450|IQ440|IQ442|IQ441|IQ245|IQ256|IQ236|IQ255|IQ235|IQ245|IQ275|IQ240|IQ285|IQ280|IQ270|IQ260|IQ250',
       'iMobile'        => 'i-mobile (IQ|i-STYLE|idea|ZAA|Hitz)',
        // Added simvalley mobile just for fun. They have some interesting devices.
        // http://www.simvalley.fr/telephonie---gps-_22_telephonie-mobile_telephones_.html
        'SimValley'     => '\b(SP-80|XT-930|SX-340|XT-930|SX-310|SP-360|SP60|SPT-800|SP-120|SPT-800|SP-140|SPX-5|SPX-8|SP-100|SPX-8|SPX-12)\b',
         // Wolfgang - a brand that is sold by Aldi supermarkets.
         // http://www.wolfgangmobile.com/
        'Wolfgang'      => 'AT-B24D|AT-AS50HD|AT-AS40W|AT-AS55HD|AT-AS45q2|AT-B26D|AT-AS50Q',
        'Alcatel'       => 'Alcatel',
        'Nintendo' => 'Nintendo 3DS',        
Добавлено через 10 часов 17 минут
Проблема решена.

Спасибо всем за "внимание"
Вопрос: Не добавляется контент полученные аяксом

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


Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
  $.ajax({
            url: url,
             type: 'POST',
             data: {},
             success: function (data) {
                //$('.contactAttachment').html(data); 
                 $('.contactAttachment').append(data);
                  //$('.contactAttachment').appendTo(data); 
                                
               // ни один метод не хочет добавлять ... если в console.log($('.contactAttachment')); то видит такой обьект
               console.log(data); // [url]https://jsfiddle.net/3hwet5b4/2/[/url] тут получаю вот что
             }
 });                     
Ответ: mixenik,

Получается что тут

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
{% block body %}
    <h3>
        {{project.name}} - {% trans from "billing" %}contact.new{% endtrans %}
    </h3>     
    <div class="row">
        <div class="col-sm-6">
            {{ form_start(form, {'method': 'POST', 'attr':{'class': 'contactForm'}}) }} 
            <ul class="disable-rules">
                <li class="form-group">
                    {{ form_errors(form.area) }}
                    {{ form_widget(form.area, {'attr' : {'class' : 'form-control'}}) }}
                </li>
                <li class="form-group">
                    {{ form_errors(form.type) }}
                    {{ form_widget(form.type, {'attr' : {'class' : 'form-control'}}) }}
                </li>
                <li class="form-group">   
                    {{ form_errors(form.info) }}
                    {{ form_widget(form.info, {'attr' : {'class' : 'form-control'}}) }}
                </li>
                <li class="form-group" style="display: none">   
                    {{ form_errors(form.term) }}
                    {{ form_widget(form.term, {'attr' : {'class' : 'form-control'}}) }}
                </li>
                <li class="form-group">
                    {{ form_widget(form.save, {'attr' : {'class' : 'btn btn-default'}}) }}
                </li>
                {{ form_widget(form.client_id, {'value' : client_id}) }}
                {{ form_widget(form.project_id) }}
                {{ form_widget(form.status, {'value' : 1}) }}
 
                                
                {{ form_rest(form) }}
            </ul>
                        
                        <div class="contactAttachment"></div>
                            
                        
            {{ form_end(form) }}  
 
        </div>
        <div class="col-sm-6">
                        
            <ul class="disable-rules">
                <li><button class="btn btn-default" type="button">{% trans from "billing" %}contact.login_to_account{% endtrans %}</button></li>
                <li><button class="btn btn-default" type="button">{% trans from "billing" %}contact.task{% endtrans %}</button></li>
                <li><button class="attach-butt btn btn-default" type="button">{% trans from "billing" %}contact.attachments{% endtrans %}</button></li>
                <li><button class="btn btn-default" type="button">{% trans from "billing" %}contact.term{% endtrans %}</button></li>
                <li><button class="btn btn-default" type="button">{% trans from "billing" %}contact.reply{% endtrans %}</button></li>
                <li><button class="btn btn-default" type="button">{% trans from "billing" %}contact.status{% endtrans %}</button></li>
            </ul> 
        </div>
    </div>
                        
        
                                
{% endblock %}
 
 // File attachment
         $(".attach-butt").click(function(e){
                e.preventDefault();
                $("<div/>", { id: "attach_file_dialog" }).load($(this).attr("href")).dialog({
                                        minWidth: 300, minHeight: 200,
                    title: "{{ 'contact.attach' | trans({}, 'buttons') }}",
                    close: function(){
                        $("#attach_file_dialog").dialog("destroy").remove();
                    }
                });
                
                var urlAttach = Routing.generate('attachment', {});
                $.ajax({
                    type: 'POST',
                    url: urlAttach,
                    data: { },
                    success: function(data) {
                        //console.log(data);
                        $('#attach_file_dialog').append(data);
                    }
                });
                
               
  
         });
в этой строке $('#attach_file_dialog').append(data);
подгружается

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
<div id="uploader"></div>
 
    <script type="text/template" id="qq-template-manual-trigger">
        <div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here">
            <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
                <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
            </div>
            <div class="buttons">
                <div class="qq-upload-button-selector qq-upload-button">
                    <div>Select files</div>
                </div>
               
            </div>
            <ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
                <li>
                    <div class="qq-progress-bar-container-selector">
                        <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                    </div>
                    <span class="qq-upload-file-selector qq-upload-file"></span>
                    
                    <span class="qq-upload-size-selector qq-upload-size"></span>
                    <button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete qq-delete-ajax">Delete</button>
                    <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                </li>
            </ul>  
        </div>
    </script>
 
    <style>
        
        #attach_file_dialog {
            max-width:280px;
        }
        
        #trigger-upload, .qq-upload-list-selector qq-upload-list {
            color: white;
            background-color: #00ABC7;
            font-size: 14px;
            padding: 7px 20px;
            background-image: none;
        }
 
        #fine-uploader-manual-trigger .qq-upload-button {
            margin-right: 15px;
        }
 
        #fine-uploader-manual-trigger .buttons {
            width: 36%;
        }
 
        #fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
            width: 60%;
        }
    </style>
 
 
 
<script>
    $(document).ready(function(){
               
        var myUploader = new qq.FineUploader({
            element: $('#uploader')[0],
            template: 'qq-template-manual-trigger',
            request: {
                endpoint: '{{ oneup_uploader_endpoint('attachment') }}'
            },
            
            callbacks: {
                onComplete: function(id, name, response) {
                    if (response.success) {
                        
                        
                        
                        var file, val, endpoint, delete_files;
                        var uploads = myUploader.getUploads();
                        
                        Object.keys(uploads).forEach(function (key) {
                            val = uploads[key];
                            file = myUploader.getFile(val.id);
                            //id = val.uuid;
                            //endpoint = myUploader.getEndpoint(val.id);
                        });
                        $(".content-for-attachment").append('<div class="attached-file" style="border:1px solid black">\n\
                                <b>' + file.name + '</b><b>' + file.type + '</b><b>' + file.size + '</b></div>');
                        
                        //$('.contactForm').append('<input type="ContactAttachment"  value="' + file.name  + '" name="uri[]">');
                        //$('.contactForm').append('<input type="ContactAttachment"  value="' + file.type  + '" name="content_type[]">');
                        //$('.contactForm').append('<input type="ContactAttachment"  value="' + file.size  + '" name="size[]">');
                        var url = Routing.generate('create_contact');
                        $.ajax({
                            url: url,
                            type: 'POST',
                            data: {},
                            success: function (data) {
                                $('.contactAttachment').append(data);
                                console.log(data);
                            }
                         });
                        
                    
                        //$('.qq-delete-ajax').on("click", function(){
                            //console.log(id);
                             //console.log(myUploader.deleteFile(id));
                        //});
                    }
 
                }
            }
        });
ну и во время выполнения скрипта он не видит нужный блок..

Добавлено через 2 минуты
Но вся разметка то уже загружена до клика по кнопке на ней же...
Вопрос: Сайдбар свалился под контент

Очень нужна помощь!
Создаю новую тему потому что не нашел подходящей. Урл сайта -
В течении полугода все было в порядке, но пару дней назад возникла такая проблема - на страницах сайдбары отображаются нормально, на своем месте -

, а при переходе на любую запись они проваливаются под контент -

. В кодах не копался и ничего не менял, что делать не знаю.
Кто может помогите.
Ответ: Нашел файл (archive.php), но див отвечающий за сайдбар не нашел.
Код PHPHTML
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
<?php get_header(); ?>
<div class="span-24" id="contentwrap">
    <div class="span-13">
        <div id="content">  
 
<!--        <?php if (have_posts()) : ?>  -->
 
 <!--     <?php $post = $posts[0]; // Hack. Set $post so that the_date() works. ?>
      <?php /* If this is a category archive */ if (is_category()) { ?>
        <h2 class="pagetitle">Архивы рубрики ‘<?php single_cat_title(); ?>’ </h2>
      <?php /* If this is a tag archive */ } elseif( is_tag() ) { ?>
        <h2 class="pagetitle">Записи с меткой ‘<?php single_tag_title(); ?>’</h2>
      <?php /* If this is a daily archive */ } elseif (is_day()) { ?>
        <h2 class="pagetitle">Архивы за день <?php the_time('F jS, Y'); ?></h2>
      <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
        <h2 class="pagetitle">Архивы за месяц <?php the_time('F, Y'); ?></h2>
      <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
        <h2 class="pagetitle">Архивы за год <?php the_time('Y'); ?></h2>
      <?php /* If this is an author archive */ } elseif (is_author()) { ?>
        <h2 class="pagetitle">Архивы автора</h2>
      <?php /* If this is a paged archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
        <h2 class="pagetitle">Архивы блога</h2>
      <?php } ?>       -->
 
        <?php while (have_posts()) : the_post(); ?>
        <div class="postwrap">
        <div <?php post_class() ?>>
 
    <!--    <h2 class="title" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка на <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2> -->
 
            <!--    <div class="postdate">Опубликовал <strong><?php the_author() ?></strong> - <?php the_time('F jS, Y') ?> <?php if (current_user_can('edit_post', $post->ID)) { ?> | <?php edit_post_link('Редактировать', '', ''); } ?></div>  -->
 
 
<div class="adpage1">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- V mire kamney контент - 476 /90 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:476px;height:90px"
     data-ad-client="ca-pub-8396287640113037"
     data-ad-slot="7959660908"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div> 
 
 
 <div class="entry">
                    <?php if ( function_exists('has_post_thumbnail') && has_post_thumbnail() ) { the_post_thumbnail(array(200,160), array('class' => 'alignleft post_thumbnail')); } ?>
                    <?php the_content() ?>
                </div>
 
            <!--    <div class="postmeta"><img src="<?php bloginfo('template_url'); ?>/images/folder.png" /> Опубликовано в рубрике <?php the_category(', ') ?> <?php if(get_the_tags()) { ?> <img src="<?php bloginfo('template_url'); ?>/images/tag.png" /> <?php  the_tags('Метки: ', ', '); } ?>  <img src="<?php bloginfo('template_url'); ?>/images/comments.png" /> <?php comments_popup_link('Комментариев нет »', '1 комментарий »', '% комментариев »'); ?></div>   -->
     
              <!--  <div class="readmorecontent">
                <!--    <a class="readmore" href="<?php the_permalink() ?>" rel="bookmark" title="Постоянная ссылка на <?php the_title_attribute(); ?>">Читать далее &raquo;</a> -->
                </div> 
            </div>
        </div>
 
        <?php endwhile; ?>
        
        <div class="navigation">
            <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } else { ?>
            <div class="alignleft"><?php next_posts_link('&laquo; Предыдущие записи') ?></div>
            <div class="alignright"><?php previous_posts_link('Следующие записи &raquo;') ?></div>
            <?php } ?>
        </div>
 
    <?php else :
 
        if ( is_category() ) { // If this is a category archive
            printf("<h2 class='pagetitle'>Извините, но в рубрике %s еще нет записей.</h2>", single_cat_title('',false));
        } else if ( is_date() ) { // If this is a date archive
            echo("<h2 class='pagetitle'>Извините, но записей с этой датой не существует.</h2>");
        } else if ( is_author() ) { // If this is a category archive
            $userdata = get_userdatabylogin(get_query_var('author_name'));
            printf("<h2 class='pagetitle'>Извините, но пользователь %s еще не опубликовал ни одной записи.</h2>", $userdata->display_name);
        } else {
            echo("<h2 class='pagetitle'>Записей не найдено.</h2>");
        }
        get_search_form();
 
    endif;
?>
        </div>
        </div>
<?php get_sidebars(); ?>
    </div>
<?php get_footer(); ?>
Вопрос: Как узнать реальную высоту контента div с overflow:hidden ?

Добрый день уважаемые. Столкнулся с такой задачей. Как узнать высоту контента, если у родителя стоит position:relative: overflow:hidden и указана некая фиксированная высота. Приведу простенький примерчик для наглядности.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>	
	<style>
	.mainBlock {
		width: 100%;
	}

	h1 {
		font-size: 20px;
	}

	.wrapper_block {
		position: relative;
		width: 100%;
		border: 1px solid #000;
	}

	.content {
		position: relative;
		width: 80%;

		height: 120px;
		min-height: 120px;

		overflow: hidden;
		list-style-type: none;
		border: 1px solid #f00;
	}

	.content_active {
		height: auto !important;
	}

	.item {
		width: 100%;
		margin: 5px 0;
		border: 1px solid #333;
	}

	.item:nth-child(odd) {
		background-color: #ff0;
	}

	.btn_showMore {
		width: 200px;
		height: 40px;
		margin: 10px auto;
		background-color: #00f;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}

</style>

</head>
<body>
	<div class="mainBlock">
		<h1>ExanpleMenu</h1>
		<div class="wrapper_block">

			<div class="block1">
				<h2>Item1</h2>
				<ul class="content">
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing
						elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit
					</li>
				</ul>
				<button type="button" class="btn_showMore">Show more</button>
			</div>

			<div class="block2">
				<h2>Item2</h2>
				<ul class="content">
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing
						elit. A autem amet ratione iure, sed voluptate!
					</li>
				</ul>
				<button type="button" class="btn_showMore">Show more</button>
			</div>

			<div class="block3">
				<h2>Item3</h2>
				<ul class="content">
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing elit. A autem amet ratione iure, sed voluptate! Lorem ipsum dolor sit amet, consectetur adipisicing
						elit. A autem amet ratione iure, sed voluptate!
					</li>
					<li class="item">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit
					</li>
				</ul>
				<button type="button" class="btn_showMore">Show more</button>
			</div>

		</div>

	</div>

	<script>
		$(document).ready(function () {

			var btn = $(".btn_showMore");
			btn.on("click", function() {
				$(this).siblings(".content").toggleClass("content_active");
			});


		})
	</script>

</body>
</html>

Допустим имеются некие блоки с контентом разной величины и содержания, (Видио контент, описание товаров, список отзывов и тд.)
У каждого из этих блоков есть обертка по высоте в height: 120px; (что б значиться красиво было) и есть кнопка для любопытных. -> Нажми и увидишь подробности. А теперь вопрос - Как сделать так что б если внутреннего контента меньше чем эти 120px кнопка не отображалася, в остальных же случаях она имелась бы в наличии. (Естественно надо учитывать что по ширине ограничений нету, и при малых разрешениях браузера наш контент будет по высоте больше чем на стационарных компах).

PS Пробовал через .outerHeight(true) но чёт пока положительных результатов не получил
Ответ:
Сообщение от Black_Star
не отрабатывает почему то
Так ты ведь узнаешь высоту для обертки. Удали метод children() и св-во scrollHeight есть у объекта Element - нативного яваскрипта, т.е не у либы jQuery.
Вопрос: Перенос контента сайта на другой сайт (Joomla 3)

Здравствуйте!
Не давно начал работать с CMS Joomla 3-ей версии и возникла задача перенести весь контент с старого сайта на новый (оба сайта на движке Joomla), т.е все материалы, статьи и компоненты - это самое главное, но как я понял это все хранится в БД и вместе с перечисленными элементами еще в комплекте пойдут пункты меню, пользователи и т.д, это так?
Подскажите, как все это провернуть, как правильно экспортировать БД и что для этого нужно сделать, настройка конфигурации(префиксы, название БД, читал что все это добро в configuration.php) ?)
Просто реально новичек, а в сети нет ничего такого, чтобы я понял)
З.Ы со временем все это же будет перенесено обратно на старый же сайт и по этому думаю менять домены у материалов не надо.
Ответ: в помощь.
Но, если хотите ощутить всю прелесть ручного труда, есть и другой вариант - создаете на хосте поддомен и копируете туда файловую систему, создаете базу данных и импортируете туда базу существующего сайта, в файл configuration.php вносите соответствующие изменения и наслаждаетесь результатом.
Вопрос: Сьезжает контент на странице при масштабирование окна браузера

При уменьшении окна браузера на 25% у меня весь контент вместе с хедером и дивом сьзжает в влево. помогите исправить.
вот картинки
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
<html>
    <head>
        <meta charset="utf-8" />
        <link href="style.css" rel="stylesheet">
        <script src="script.js" type="text/javascript" charset="utf-8" ></script>
    </head>
    <body>
        <header class="site-header" role="navigation">
        <hgroup>
        <div class="hgroup">
        <div class="logo-bar">
            <figure class="logo"><a href="#"><img src="layer.png" width="97" height="98" alt="Группа предприятий ГОРРЕМСТРОЙ"></a><figcaption><p>Группа предприятий</p> <h1>&laquoГОРРЕМСТРОЙ&raquo</h1></figcaption></figure>
                </div>
        
        <nav class="menu"><ul><li><a href="#">Компания</a></li> <li><a href="#">Наши обьекты</a></li> <li><a href="#">Рекомендации</a></li> <li><a href="#">Контакты</a></li></ul></nav>
        </div>
        </hgroup>
        </header>
       
        <main role="main">
        Контент
        <figure class="circle_img"><a href="#"><img src="ellipse1.png" width="97" height="98" alt="Производство бетона Доставка бетона"></a><figcaption><p>Производство бетона Доставка бетона</p></figcaption></figure>
        
        </main>
        
        
    </body>
</html>

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
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
body {
    font-family: 'Georgia', sans-serif;
    color: #383838;
    font-size: 100%;
    font-weight: 400;
    background: url(fon.png) repeat 100% 0;
    background-color: #e7e7e7;
    padding:0px;
    margin: 0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
 
/* css свойства header */
.site-header hgroup {
    min-height: 98px;
    width: 100%;
    background: url(bg_header.png) repeat-x;
    
}
hgroup .hgroup{
    margin: 0 auto;
    max-width: 1200px;
    min-height: 98px;
}
/* css свойства логотипа его описания и заголовка */
logo-bar{
    position: relative;
}
 
.logo {
    float: left;
    margin-left: 100px;
    position: relative;
    top: 11px;
    
}
.logo img{
    box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.91);
    border-radius: 0px 0px 60px 60px;
    float:left;
}
.logo figcaption{
    float:left;
    font-size: 14px;
    font-family: "Calibri";
    color: rgb(255, 255, 255);
    line-height: 1.2;
    position: absolute;
    left:117px;
    top:15px;
}
.logo figcaption p{
  margin:0px;
  font-size: 14px;
  font-family: "Calibri";
  color: rgb(255, 255, 255);
}
.logo figcaption h1 {
    margin:0px;
    font-size: 17px;
    font-family: "Rubik";
    color: rgb(255, 255, 255);
}
 
/* css свойства меню */
.menu {
    position: relative;
    top: 55px;
    left: 200px;
}
 
.menu ul{
    
    margin: 0px;
    padding:0px;
}
.menu li {
    display: inline; /* Отображать как строчный элемент */
    color: white;
}
 
.menu li a{
    margin:26px;
  font-size: 14px;
  font-family: "Calibri";
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.menu li a:hover{
    color: #ffe; /* Цвет текста активного пункта */
    background-color: #373737; /* Цвет фона активного пункта */
    padding:10px 20px;
    margin:6px; 
    border-radius: 5px;
}
 
/* css свойства main основный контент сайта, тег main может использоваться только один раз на странице */
 
main {
    max-width: 1100px;
    margin: 0 auto;
}
 
.circle_img img{
    height:272px;
    width: 272px;
}
Ответ: попробуй добавить viewport
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1">
Вопрос: Как зафиксировать блоки так, чтобы они не прокручивались вместе с контентом

Такая беда необходимо создать 3 блока

---- ------- ----
<- | Content | ->
---- ------- ----
50px| 80% | 50px


1 и 3 блоки должны иметь границу со стороны блока с контентом и быть зафиксированными, т.е. не прокручиваться. 2й блок с контентом должен скролиться.
1й и 3й блоки имеют ширину 50px высоту во всю страницу.
Как зафиксировать 1й и 3й блоки, так чтобы они не прокручивались вместе с контентом?
Использовал position: fixed; но из-за него нельзя использовать float:left/right margin тоже не удобен в этом случае
Ответ: Благодарю! Не хватало right:0; и left:0;