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']">
                                <
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']">
                                <
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?


All times are GMT. The time now is 01:49 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.03730 seconds
  • Memory Usage 1,856KB
  • 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
  • (2)bbcode_html_printable
  • (2)bbcode_php_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete