Форум программистов, компьютерный форум, киберфорум
Joomla
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
4 / 5 / 4
Регистрация: 31.08.2013
Сообщений: 323
1

BT Portfolio (v 3.0.9) нужно немного изменить вывод текста для слайда

08.03.2015, 12:40. Показов 1352. Ответов 4
Метки нет (Все метки)

Установил BT Portfolio v. 3.0.9 (Joomla 3.4)
В нем очень хороший слайдер, но мне нужно изменить вывод текста для слайдеров. В нем предусмотрен вывод текста для каждого слайда на самом слайде (на рис. слева), а мне нужно что б текст выводился справа от слайда (рис справа).
Я нашел что за это отвечает файл detail_slideshow_media.php:
Кликните здесь для просмотра всего текста
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
<?php
/**
 * @package     bt_portfolio - BT Portfolio Component
 * @version     3.0.3
 * @created     Feb 2012
 * @author      BowThemes
 * @email       support@bowthems.com
 * @website     http://bowthemes.com
 * @support     Forum - http://bowthemes.com/forum/
 * @copyright   Copyright (C) 2012 Bowthemes. All rights reserved.
 * @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
// no direct access
defined('_JEXEC') or die;
?>
 
        <?php
        if($this->params->get('largeimgprocess',-1)==-1){
            $width='100%';
            $height =$this->params->get('crop_height','400').'px';
        }
        else{
        $width =$this->params->get('crop_width','600').'px';
        $height =$this->params->get('crop_height','400').'px';
        }
        ?>
    <div class="pmshow" style="display:none; max-width:<?php echo $width;?> ">
    <div id="btportfoliomedia">     
        <div class="bt-sliders">
            <div class="bt-window">
            <?php foreach( $this->images as $i => $row ): ?>
 
                <?php
                $src_image_large = Bt_portfolioHelper::getPathImage($row->item_id,'large',$row->filename,$this->category->id);
                $src_image_original = Bt_portfolioHelper::getPathImage($row->item_id,'original',$row->filename,$this->category->id);
                $src_image_thumb = Bt_portfolioHelper::getPathImage($row->item_id,'ssthumb',$row->filename,$this->category->id);    
                
                $rel = '{handler:\'iframe\'}';
                $src_image_original = Bt_portfolioHelper::extractUrl($row->youembed);
                if(!$src_image_original){
                    $src_image_original = Bt_portfolioHelper::getPathImage($row->item_id,'original',$row->filename,$this->category->id);
                    $rel = '{handler:\'image\'}';
                }
                ?>
                
            <div class="bt-slide" style="background:#<?php echo $this->params->get('sm_background','000000');?>;">                  
                    <div class="bt-caption-content">
                        <div class="bt-title">      
                                <?php if($this->params->get('showtitle',1))
                                    echo $row->title;                                   
                                ?>                      
                        </div>
                        <div class="bt-introtext">
                            <?php if($this->params->get('showdescription',1))
                                 echo htmlspecialchars($row->youdesc);                              
                            ?>
                        </div>  
                    </div>
                    <?php if($row->youembed){?> 
                                <div style="display:none"><img class="bt-mainimg" src="<?php echo $src_image_large; ?>" rel="<?php echo $src_image_large;?>" /> </div>
                                <div class="bt-video"  style="max-width:<?php echo $width;?>; height:<?php echo $height;?>;background:#<?php echo $this->params->get('sm_background','000000');?>">
                                    <?php if($i==0) echo $row->youembed; ?>
                                </div>
                                <input type="hidden" class="embedvideo" value="<?php echo htmlspecialchars($row->youembed); ?>"/>                                   
                        <?php }
                        else {?>                            
                                <img class="bt-mainimg" src="<?php echo $src_image_large; ?>" rel="<?php echo $src_image_large;?>"  alt="<?php echo $row->title; ?>"  />                                    
                                                    
                        <?php }?>   
                <?php if($this->params->get('showtitle',1) || $this->params->get('showdescription',1)): ?>              
                <div class="bt-caption">
                    <div class="bt-caption-bg"></div>                   
                    
                </div>
                <?php endif; ?>
                <?php if ($this->params->get('show_zoom_image',1) && !$row->youembed):  ?>
                        <a class="btp-zoom-image" onclick="return openModalBox(this,<?php echo $rel ?>)"   title="<?php echo JText::_('COM_BT_PORTFOLIO_ZOOM_IN'); ?>" href="<?php echo $src_image_original; ?>"><?php echo JText::_('COM_BT_PORTFOLIO_ZOOM_IN'); ?></a>
                <?php endif; ?>
            </div>
            
            <?php endforeach; ?>
            </div>
        </div>
            <div class="shadowvideo" >
                <img class="imageshadow"src="<?php echo JURI::root() .'components/com_bt_portfolio/themes/default/images/bottomshadow-110-95-0.png' ?>">
            </div>
        <?php if($this->params->get('sm_next_back',1) && count($this->images)>1): ?>
            <div class="bt-handles handles-next">
                <div class="next"></div>
            </div>
            <div class="bt-handles handles-pre">
                <div class="prev"></div>
            </div>
        <?php endif;?>
        <center>
        <div class="bt-footernav">
            <div class="bt-navpipe">
                <?php foreach( $this->images as $i => $row ): ?>
                    <?php 
                    $src_image_original = Bt_portfolioHelper::getPathImage($row->item_id,'original',$row->filename,$this->category->id);
                    $src_image_thumb = Bt_portfolioHelper::getPathImage($row->item_id,'ssthumb',$row->filename,$this->category->id); 
                    
                    ?>              
                <div <?php if(!$this->params->get('showthumb',1)) echo 'style="display:none"';  ?> class="bt-nav <?php echo $i==0 ? 'bt-nav-first' : (($i==count($this->images)-1) ? 'bt-nav-last' : ''); ?>">
                    <?php if($this->params->get('showthumb',1)): ?> 
                        <?php
                            $ss_thumb_width = $this->params->get('ss_thumb_width','70');
                            $ss_thumb_height = $this->params->get('ss_thumb_height','40');
                        ?>
                        <div class="bt-thumb" rel="<?php echo $row->title; ?>"><img src="<?php echo $src_image_thumb; ?>" width="<?php echo $ss_thumb_width ?>" height="<?php echo $ss_thumb_height ?>"/></div>                     
                    <?php endif; ?> 
                </div>
                <?php endforeach; ?>
            </div>
        </div>
        </center>
    </div>
</div>
<script type="text/javascript"> 
        $B('#btportfoliomedia').btsliders({     
            autoPlay:0,
            hoverPause: <?php echo $this->params->get('pause_hover',1) ?>,
            easing: '<?php echo $this->params->get('easing','jswing')?>',
            slideSpeed: <?php echo (int)$this->params->get('effect_time', '500')?>,
            interval:<?php echo $this->params->get('interval', 5)*1000 ?>,
            effect:'<?php echo $this->params->get('veffect-slide'); ?>' // slide or fade        
        });
</script>

и в этом коде за вывод текста на слайде отвечает:
Кликните здесь для просмотра всего текста
PHP
1
2
3
4
5
6
7
8
9
10
11
12
<div class="bt-caption-content">
        <div class="bt-title">      
                <?php if($this->params->get('showtitle',1))
                    echo $row->title;                                   
                ?>                      
        </div>
        <div class="bt-introtext">
            <?php if($this->params->get('showdescription',1))
                 echo htmlspecialchars($row->youdesc);                              
            ?>
        </div>  
    </div>

попытался переместить его выше и поставить после этой строки:
PHP
1
<div class="bt-slide" style="background:#<?php echo $this->params->get('sm_background','000000');?>;">
- текст стал выше картинки, пробовал стилями подправлять, но пока не вышло.
за стили отвечает файл btportfoliomedia.css
Кликните здесь для просмотра всего текста
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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
.pmshow,.pmshow  .bt-sliders{
    position:relative;  
    overflow:hidden;
    margin:auto;
}
.pmshow .bt-window{
    position:relative;
    width:300%;
    left:-100%;
}
.pmshow .bt-header h3{
    margin:0px;
    padding:8px 10px;
    background:darkred;
}
.pmshow .bt-header h3 span{
    text-transform:uppercase;
    color:#fff;
}
.pmshow .bt-slide{
    position:absolute;
    width:33.34%;
    left:33.33%;    
    overflow:hidden;
    display:none;
}
.pmshow .bt-item{
    position:relative;
}
.pmshow  .bt-mainimg{
width:100%;
 
}
.shadowvideo{
display: block;
 position: relative;
 left: -5%; 
 width: 110%; height: auto;
 z-index:4;
 height:20px;
}
.imageshadow{
display:block;
position:relative;
width:100%;
height:30px;
z-index:-4;
bottom:12px;
 
}
.pmshow .bt-caption{
    position:absolute;  
    width:100%;
    display:none;
    z-index:6;
    
}
.pmshow .bt-caption-content{
    color:#fff;
    padding:10px;
    opacity: 0.8;
    
}
.pmshow .bt-caption-content a{
    color:#fff;
    text-decoration:none;
}
.bt-caption-content .bt-title{
font-family:'Myriad Pro';
font-size:18px;
}
 
.pmshow .bt-title a{
    text-transform:uppercase;
    color:#fff;
    margin:8px 0;
    font-size:150%;
    display:inline-block;
}
 
.pmshow .bt-caption-bg{
    background:#000;
    opacity:0.5;
    height:100%;
    width:100%;
    position:absolute;
    bottom:0;
    z-index:-1;
}
.pmshow .bt-handles{    
    height: 100%;
    position: absolute; 
    top: 0;  
    z-index: 8040;
}
.handles-next{
    right:0px;
}
.handles-pre{
left:0px;
}
.pmshow .bt-handles div{
    width:9px;
    height:17px;
    float:left;
    cursor:pointer;
    margin:7px;
}
.pmshow .bt-handles div.next{
    background: url("../images/navnext.png") no-repeat scroll center top transparent;
    position:absolute;
    top:45%;
    right:0px;
    height:23px;
    width:16px;
    opacity:0.7;
}
.pmshow .bt-handles div.next:hover{
    background: url("../images/navnext.png") no-repeat scroll center top transparent;
    opacity:1;
}
.pmshow .bt-handles div.prev{
    background: url("../images/navpre.png") no-repeat scroll center top transparent;
    position:absolute;
    top:45%;
    left:0px;
    height:23px;
    width:16px;
    opacity:0.7;
}
.pmshow .bt-handles div.prev:hover{
    background: url("../images/navpre.png")  no-repeat scroll center top transparent;
    opacity:1;
}
 
/* footer nav */
.pmshow .bt-footernav{  
    color:#aeaeae;
    line-height:150%;
    color:#e0e0e0;  
    position:relative;
    z-index:9;
}
.pmshow .bt-footernav .active{
    box-shadow: 1px 3px 2px #A8A8A8;
    color: #E4E4E4;
}
.pmshow .bt-footernav .bt-title{
    font-weight:bold;
}
.pmshow .bt-footernav .bt-date{
    color:#727272;
}
.pmshow .bt-footernav .active .bt-date{
    color:red;
}
 
.pmshow .bt-nav{
    float:left; 
    cursor:pointer;
    padding:4px;
    margin:3px;
    background-image: -webkit-linear-gradient(200deg, #d3d3d3, #fefefe, #d3d3d3);
    background-image:  -moz-linear-gradient(to top, #d3d3d3, #fefefe)!important;
    background-color: #d3d3d3!important;
    position:relative;
}
.pmshow .bt-nav-last{
    
}
.pmshow .bt-navpipe{
    position:relative;
}
.bt-video iframe{
    width:100%;
    height:100%;
}
div.bt-thumb{
    position: relative;
}
div.tooltipthumb {  
  color: White;
  position: absolute;
  
  max-width: 250px;
  min-width: 150px;
 
  border-radius: 5px; 
  background: #1e1e1e;
  background-image: linear-gradient(to top, #1e1e1e, #010101);
  z-index:99;
  text-align: center;
}
div.tooltipthumb:before {
  border-color:  #222222 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 6px 6px;
  content: "";
  height: 0px;
  width: 0px;
  line-height: 0;
  position: absolute;
  bottom: -10px;
  left: 46%;
    
}
div.tooltipthumb p {
  margin: 1px;
  color: #FFFFFF;
  font-size:12px;
  margin-left:5px;
 margin-top:3px;
 opacity:0.9;
}
.navicon{
background: url("../images/previewarrow-16-8-0.png")  no-repeat scroll center top transparent;
height: 8px;
left: 45%;
opacity: 0.4;
position: absolute;
top: -8px;
width: 14px;
z-index: 9;
}
#btportfoliomedia{
position:relative;
}
0
Миниатюры
BT Portfolio (v 3.0.9) нужно немного изменить вывод текста для слайда  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.03.2015, 12:40
Ответы с готовыми решениями:

Нужно немного изменить программу на asm для PIC микроконтроллера (PIC12F629)
Помогите пожалуйста, нужно немного изменить программу для этой схемы (код на сайте)...

нужно немного изменить программу)
подскажите, пожалуйста, что нужно изменить в программе, чтобы, например, вместо (5) + i(2) было 5 +...

Нужно немного изменить код (сумма от последнего отрицательного элемента массива до первого положительного)
Народ такая проблема, мой код считает сумму от последнего отрицательного элемента массива до...

не могу изменить программу для немного другого условия
первое условие: дан текстовый файл из чисел, создать новый файл и записать в него минимальный и...

4
138 / 138 / 29
Регистрация: 06.08.2013
Сообщений: 878
Записей в блоге: 3
08.03.2015, 14:29 2
Цитата Сообщение от Worldmen Посмотреть сообщение
Я нашел что за это отвечает файл detail_slideshow_media.php:
Я не нашел где его скачать, так что скажу на угад, ищи в альтернативном матеке...
1
4 / 5 / 4
Регистрация: 31.08.2013
Сообщений: 323
08.03.2015, 15:02  [ТС] 3
Цитата Сообщение от motokraft Посмотреть сообщение
Я не нашел где его скачать, так что скажу на угад, ищи в альтернативном матеке...
Не понял, что значит "в альтернативном макете". В самом портфолио или отдельно скачать? Внутри портфолио не вижу других макетов.
0
Администратор
11903 / 5207 / 263
Регистрация: 05.04.2011
Сообщений: 13,966
Записей в блоге: 2
09.03.2015, 09:45 4
Worldmen, нужна ссылка на демо.
0
4 / 5 / 4
Регистрация: 31.08.2013
Сообщений: 323
09.03.2015, 19:48  [ТС] 5
Цитата Сообщение от Taatshi Посмотреть сообщение
Worldmen, нужна ссылка на демо.
Вот демо на http://extensions.bowthemes.com/ - там с видео, но принцип тот же.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
09.03.2015, 19:48

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

нужно для курсовой расписать каждое действие, немного только расписал
#include &lt;iostream&gt; using namespace std; //создаем массив при помощи указателя void...

Лайки/дизлайки для работ в WP Portfolio
Можно ли как-то сделать лайки/дизлайки для работ в WP Portfolio. Буду очень признателен

Нужно провести анализ текста. Сделать нужно для группового проекта! к числу 10 января
Нужно провести анализ текста. Управление программой я должен осуществить с помощью системы...

Немного изменить код
Нужно изменить CounterTest, чтобы выдавалось: 1 3 5 ….. 49 Counter.java public class Counter {...

Немного изменить код
Здравствуйте, ниже приведен код, который заменяет произвольные целые на бинарное представление (с...

Немного изменить код
Данная программа расчитывает максимальный поток в сети (дискретная математика), нужно сделать...


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

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

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