vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   Widget - text under avatar (https://vborg.vbsupport.ru/showthread.php?t=271225)

romaszek 10-01-2011 06:56 AM
Widget - text under avatar
 
1 Attachment(s)
Hey.
Sorry bad English.
As to add the text under avatar ?

Thanks.

Lynne 10-01-2011 09:41 PM
You need to move the userinfo div inside the widget_post_bit div. Then add to the additional.css some css to float it right and add a margin-right and a height. Then, get rid of the margin-right for the widget_post_bit.

romaszek 10-02-2011 06:34 AM
Very to thank :)

romaszek 10-03-2011 06:53 PM
Quote:
Originally Posted by Lynne (Post 2252141)
You need to move the userinfo div inside the widget_post_bit div. Then add to the additional.css some css to float it right and add a margin-right and a height. Then, get rid of the margin-right for the widget_post_bit.
I tried. Sorry. I cannot make.
Can I ask for the guide?

Thanks.

Lynne 10-04-2011 12:34 AM
Post the template code you tried so I can see what went wrong and also post the css you added to the additional.css template for this. Please put code tags around it.

romaszek 10-04-2011 06:06 AM
Quote:
Originally Posted by Lynne (Post 2252960)
Post the template code you tried so I can see what went wrong and also post the css you added to the additional.css template for this. Please put code tags around it.
I added div but this surely not is good. I do not know php and I do intuitionally.

vbcms_widget_recentarticle_page
PHP Code:
<div class="cms_widget">
<div class="block">
    <div class="cms_widget_header">
        <h3><img alt="" src="{vb:stylevar imgdir_cms}/widget-forum.png" /> {vb:raw widget_title}</h3>
    </div>
    <div class="cms_widget_content widget_content">
        <vb:each from="articles" key="contentid" value="article">
            <div class="cms_widget_post_bit widget_post_bit">
                <div class="cms_widget_post_userinfo widget_post_userinfo">



</div>




                    <div class="cms_widget_post_useravatar widget_post_useravatar">
                        <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                            <vb:if condition="$article['avatar']">
                                <a class="comments_member_avatar_link" href="{vb:link member, {vb:raw article}}"><img alt="{vb:raw article.username}" src="{vb:raw vboptions.bburl}/{vb:raw article.avatar.0}" {vb:raw article.avatar.1} /></a>

                            <vb:else />
                                <img alt="{vb:raw article.username}" src="{vb:stylevar imgdir_misc}/unknown.gif" />
                            </vb:if>
                        <vb:else />
                            <img alt="" src="{vb:stylevar imgdir_misc}/unknown.gif" />
                        </vb:if>
                    </div>
                </div>
                <div class="cms_widget_post_comment widget_post_comment">
                    <vb:if condition="$article['showtitle'] OR $article['settingsforboth'] == 2">
                        <h4 class="cms_widget_post_header widget_post_header"><a href="{vb:raw article.page_url}">{vb:raw article.title}</a></h4>
                    </vb:if>
                    <div class="cms_widget_post_content widget_post_content">{vb:raw article.previewtext}... <a href="{vb:raw article.page_url}">{vb:rawphrase read_more}</a></div>
                    <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                        <a href="{vb:link member, {vb:raw article}}" class="username">{vb:raw article.username}</a>
                    </vb:if>
                    <a href="{vb:raw article.page_url}" class="lastpostdate understate" title="{vb:rawphrase go_to_last_post}"><vb:if condition="$article['showpublishdate'] OR $article['settingsforboth'] == 2">{vb:date {vb:raw article.publishdate}, {vb:raw vboptions.dateformat}}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:date {vb:raw article.publishdate} {vb:raw vboptions.timeformat}}</span></vb:if></vb:if></a>
                       <vb:comment>
                            <div class="searchcat">
                                <h4 class="searchlastpostlabel understate">{vb:rawphrase content} :</h4>
                                <span class="understate">{vb:rawphrase article}</span>
                            </div>
                       </vb:comment>

                        <vb:if condition="$article['categories']">
                            <div class="searchstats">
                                <h4 class="searchlastpostlabel">{vb:rawphrase categories}: </h4>
                                <vb:each from="article['categories']" key="categoryid" value="category">
                                    <a href="{vb:raw category.category_url}">{vb:raw category.category}</a>&nbsp;
                                </vb:each>
                            </div>
                        </vb:if>

                        <vb:if condition="$article['tags']">
                            <div class="searchstats">
                                <dt>{vb:rawphrase tags}: </dt>
                                <vb:each from="article['tags']" key="tagid" value="tagtext">
                                    <dd><a href="{vb:raw vboptions.bburl}/tags.php?tagid={vb:raw tagid}">{vb:raw tagtext}</a></dd>
                                </vb:each>
                            </div>
                        </vb:if>
                </div>

            </div>
        </vb:each>
    </div>
</div> 

Lynne 10-04-2011 03:05 PM
You forgot the surrounding <divs> for the widget_post_userinfo. That whole div needs to be moved inside the other div. You should have something like:

HTML Code:
<div class="cms_widget_post_comment widget_post_comment">
    <div class="cms_widget_post_userinfo widget_post_userinfo">
    all the stuff inside this div also......
    </div>
    <vb:if condition="$article['showtitle'] OR $article['settingsforboth'] == 2">
etc.
Then in additional.css:

HTML Code:
.widget_post_userinfo {
    float: left;    height: 40px;    margin-right: 40px;
}
.widget_post_comment {
    margin-left: 0;}

romaszek 10-04-2011 05:10 PM
Very to thank for the help.
Now is so.


vbcms_widget_recentarticle_page
PHP Code:
<div class="cms_widget">
<div class="block">
    <div class="cms_widget_header">
        <h3><img alt="" src="{vb:stylevar imgdir_cms}/widget-forum.png" /> {vb:raw widget_title}</h3>
    </div>
    <div class="cms_widget_content widget_content">
        <vb:each from="articles" key="contentid" value="article">
            <div class="cms_widget_post_bit widget_post_bit">
                
                <div class="cms_widget_post_comment widget_post_comment">
                
                                
                
        <div class="cms_widget_post_userinfo widget_post_userinfo">
                    <div class="cms_widget_post_useravatar widget_post_useravatar">
                        <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                            <vb:if condition="$article['avatar']">
                                <a class="comments_member_avatar_link" href="{vb:link member, {vb:raw article}}"><img alt="{vb:raw article.username}" src="{vb:raw vboptions.bburl}/{vb:raw article.avatar.0}" {vb:raw article.avatar.1} /></a>
                            <vb:else />
                                <img alt="{vb:raw article.username}" src="{vb:stylevar imgdir_misc}/unknown.gif" />
                            </vb:if>
                        <vb:else />
                            <img alt="" src="{vb:stylevar imgdir_misc}/unknown.gif" />
                        </vb:if>
                    </div>
                </div>        
                
                
                
                
                                
                
                
                    <vb:if condition="$article['showtitle'] OR $article['settingsforboth'] == 2">
                        <h4 class="cms_widget_post_header widget_post_header"><a href="{vb:raw article.page_url}">{vb:raw article.title}</a></h4>
                    </vb:if>
                    <div class="cms_widget_post_content widget_post_content">{vb:raw article.previewtext}... <a href="{vb:raw article.page_url}">{vb:rawphrase read_more}</a></div>
                    <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                        <a href="{vb:link member, {vb:raw article}}" class="username">{vb:raw article.username}</a>
                    </vb:if>
                    <a href="{vb:raw article.page_url}" class="lastpostdate understate" title="{vb:rawphrase go_to_last_post}"><vb:if condition="$article['showpublishdate'] OR $article['settingsforboth'] == 2">{vb:date {vb:raw article.publishdate}, {vb:raw vboptions.dateformat}}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:date {vb:raw article.publishdate} {vb:raw vboptions.timeformat}}</span></vb:if></vb:if></a>
                       <vb:comment>
                            <div class="searchcat">
                                <h4 class="searchlastpostlabel understate">{vb:rawphrase content} :</h4>
                                <span class="understate">{vb:rawphrase article}</span>
                            </div>
                       </vb:comment>

                        <vb:if condition="$article['categories']">
                            <div class="searchstats">
                                <h4 class="searchlastpostlabel">{vb:rawphrase categories}: </h4>
                                <vb:each from="article['categories']" key="categoryid" value="category">
                                    <a href="{vb:raw category.category_url}">{vb:raw category.category}</a>&nbsp;
                                </vb:each>
                            </div>
                        </vb:if>

                        <vb:if condition="$article['tags']">
                            <div class="searchstats">
                                <dt>{vb:rawphrase tags}: </dt>
                                <vb:each from="article['tags']" key="tagid" value="tagtext">
                                    <dd><a href="{vb:raw vboptions.bburl}/tags.php?tagid={vb:raw tagid}">{vb:raw tagtext}</a></dd>
                                </vb:each>
                            </div>
                        </vb:if>
                </div>

            </div>
        </vb:each>
    </div>
</div>
</div> 
Quote:
Originally Posted by Lynne (Post 2252141)
Then, get rid of the margin-right for the widget_post_bit.
As to get rid of the margin?

Thanks.

romaszek 10-05-2011 06:43 PM
1 Attachment(s)
Hello.
On left hand is OK.
The right has a margin.
What one can with this make?

Thanks.

Lynne 10-05-2011 09:21 PM
Did you try the css I posted?

romaszek 10-06-2011 05:32 AM
Yes. In additional.css I added the code:


HTML Code:
.widget_post_userinfo {
    float: left;   
    height: 40px;   
    margin-right: 40px;
}
.widget_post_comment {
    margin-left: 0;}

Lynne 10-07-2011 12:39 AM
Can we get a link to see this.

romaszek 10-07-2011 07:14 AM
OK.
The test-forum.
http://www.testowe.utwory.webd.pl/content.php

Thanks.

Lynne 10-07-2011 02:49 PM
Do this in the template instead:

Code:
    <div class="cms_widget_post_userinfo widget_post_userinfo">      all the stuff inside this div also......      </div>

<div class="cms_widget_post_comment widget_post_comment">      <vb:if condition="$article['showtitle'] OR $article['settingsforboth'] == 2"> etc.
Then also set:
HTML Code:
.widget_post_comment {    overflow: inherit;}

romaszek 10-07-2011 05:59 PM
Sorry, bad English.
A little I don′t get the idea.
it to be so?


vbcms_widget_recentarticle_page:
HTML Code:
<div class="cms_widget">
<div class="block">
        <div class="cms_widget_header">
                <h3><img alt="" src="{vb:stylevar imgdir_cms}/widget-forum.png" /> {vb:raw widget_title}</h3>
        </div>
        <div class="cms_widget_content widget_content">
                <vb:each from="articles" key="contentid" value="article">
                        <div class="cms_widget_post_bit widget_post_bit">
                                <div class="cms_widget_post_userinfo widget_post_userinfo">
                                        <div class="cms_widget_post_useravatar widget_post_useravatar">
                                                <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                                                        <vb:if condition="$article['avatar']">
                                                                <a class="comments_member_avatar_link" href="{vb:link member, {vb:raw article}}"><img alt="{vb:raw article.username}" src="{vb:raw vboptions.bburl}/{vb:raw article.avatar.0}" {vb:raw article.avatar.1} /></a>
                                                        <vb:else />
                                                                <img alt="{vb:raw article.username}" src="{vb:stylevar imgdir_misc}/unknown.gif" />
                                                        </vb:if>
                                                <vb:else />
                                                        <img alt="" src="{vb:stylevar imgdir_misc}/unknown.gif" />
                                                </vb:if>
                                        </div>
                                </div>
                                <div class="cms_widget_post_comment widget_post_comment">
                                        <vb:if condition="$article['showtitle'] OR $article['settingsforboth'] == 2">
                                                <h4 class="cms_widget_post_header widget_post_header"><a href="{vb:raw article.page_url}">{vb:raw article.title}</a></h4>
                                        </vb:if>
                                        <div class="cms_widget_post_content widget_post_content">{vb:raw article.previewtext}... <a href="{vb:raw article.page_url}">{vb:rawphrase read_more}</a></div>
                                        <vb:if condition="$article['showuser'] OR $article['settingsforboth'] == 2">
                                                <a href="{vb:link member, {vb:raw article}}" class="username">{vb:raw article.username}</a>
                                        </vb:if>
                                        <a href="{vb:raw article.page_url}" class="lastpostdate understate" title="{vb:rawphrase go_to_last_post}"><vb:if condition="$article['showpublishdate'] OR $article['settingsforboth'] == 2">{vb:date {vb:raw article.publishdate}, {vb:raw vboptions.dateformat}}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:date {vb:raw article.publishdate} {vb:raw vboptions.timeformat}}</span></vb:if></vb:if></a>
                                          <vb:comment>
                                                        <div class="searchcat">
                                                                <h4 class="searchlastpostlabel understate">{vb:rawphrase content} :</h4>
                                                                <span class="understate">{vb:rawphrase article}</span>
                                                        </div>
                                          </vb:comment>

                                                <vb:if condition="$article['categories']">
                                                        <div class="searchstats">
                                                                <h4 class="searchlastpostlabel">{vb:rawphrase categories}: </h4>
                                                                <vb:each from="article['categories']" key="categoryid" value="category">
                                                                        <a href="{vb:raw category.category_url}">{vb:raw category.category}</a>&nbsp;
                                                                </vb:each>
                                                        </div>
                                                </vb:if>

                                                <vb:if condition="$article['tags']">
                                                        <div class="searchstats">
                                                                <dt>{vb:rawphrase tags}: </dt>
                                                                <vb:each from="article['tags']" key="tagid" value="tagtext">
                                                                        <dd><a href="{vb:raw vboptions.bburl}/tags.php?tagid={vb:raw tagid}">{vb:raw tagtext}</a></dd>
                                                                </vb:each>
                                                        </div>
                                                </vb:if>
                                </div>

                        </div>
                </vb:each>
        </div>
</div>
</div>

additional.css
HTML Code:
.widget_post_userinfo {
    float: left;   
    height: 40px;   
    margin-right: 40px;
}
.widget_post_comment {
    margin-left: 0;}
.widget_post_comment {    overflow: inherit;}
So I made.
Does not work.
Works from left when I roll up Firefox left.

Lynne 10-07-2011 07:20 PM
Whoops, too quick on the copy/paste:
Change:
HTML Code:
.widget_post_comment {    overflow: inherit;}
To:
HTML Code:
.widget_post_comment .widget_post_content {    overflow: inherit;}

romaszek 10-08-2011 06:47 AM
Works superbly :up:
This should be built-in in vBulletin.
Very to thank Lynne. You are great.

Thanks :)


All times are GMT. The time now is 02:12 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02742 seconds
  • Memory Usage 1,927KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (8)bbcode_html_printable
  • (2)bbcode_php_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (17)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete