Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
Reload this Page Help me crate CSS rounded corners for avatar?
FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply
Page 1 of 2 1 2
 
Thread Tools Display Modes
  #1  
Old 09-07-2011, 11:40 PM
Mostjolly's Avatar
Mostjolly Mostjolly is offline
 
Join Date: Apr 2008
Location: USA
Posts: 112
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Help me crate CSS rounded corners for avatar?
Hello guys,

I'd like someone helping me creates a rounded corner effects for avatar on vB 3.8.2, I know it involves CSS and such, see attachment for better illustration.

Thanks in advanced!
Attached Images
File Type: jpg VB ASK!!!!!!!!!!!!!!!!!!!.jpg (100.0 KB, 0 views)
Reply With Quote
  #2  
Old 09-08-2011, 05:44 PM
Frosty Frosty is offline
 
Join Date: Apr 2011
Posts: 166
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Login to your Admin Control Panel, go to Styles & Templates - Your template - Select "Edit Templates" from the list, find "Postbit Templates" - click twice, open "Postbit" or "Postbit_legacy" - it depends on which one do you use.

Open the template and find:
PHP Code:
<if condition="$show['avatar']">
<td class="alt2">
<a href="member.php?$session[sessionurl]u=$post[userid]">
<img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</td>
</if> 
Replace it with this:
PHP Code:
<if condition="$show['avatar']">
<td class="alt2">
<a href="member.php?$session[sessionurl]u=$post[userid]">
<img class="roundedav" src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</td>
</if> 
As you can see, the only change to the code was "class="roundedav"".

Now, save it... Go to "Main CSS" of your template, scroll down to the Additional CSS box, and add this:

.roundedav {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


Proof of concept:
Reply With Quote
2 благодарности(ей) от:
Lynne, Max Taxable
  #3  
Old 09-09-2011, 02:37 AM
Mostjolly's Avatar
Mostjolly Mostjolly is offline
 
Join Date: Apr 2008
Location: USA
Posts: 112
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
It works! I <3 you... thank you so much!
Nhat

Quote:
Originally Posted by Frosty View Post
Login to your Admin Control Panel, go to Styles & Templates - Your template - Select "Edit Templates" from the list, find "Postbit Templates" - click twice, open "Postbit" or "Postbit_legacy" - it depends on which one do you use.

Open the template and find:
PHP Code:
<if condition="$show['avatar']">
<td class="alt2">
<a href="member.php?$session[sessionurl]u=$post[userid]">
<img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</td>
</if> 
Replace it with this:
PHP Code:
<if condition="$show['avatar']">
<td class="alt2">
<a href="member.php?$session[sessionurl]u=$post[userid]">
<img class="roundedav" src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</td>
</if> 
As you can see, the only change to the code was "class="roundedav"".

Now, save it... Go to "Main CSS" of your template, scroll down to the Additional CSS box, and add this:

.roundedav {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


Proof of concept:
--------------- Added [DATE]1315548991[/DATE] at [TIME]1315548991[/TIME] ---------------

Is there a way to make it work on IE?
Reply With Quote
  #4  
Old 09-09-2011, 07:56 PM
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Posts: 3,134
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
When I do as you suggest it blows my postbit up, splitting it right in half making two columns.

vB 3.8.6, postbit legacy.
Reply With Quote
  #5  
Old 09-09-2011, 08:10 PM
Frosty Frosty is offline
 
Join Date: Apr 2011
Posts: 166
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
@Mostjolly
Unfortunately, IE doesn't support rounded corners!

@Max Taxable
Which postbit are you using? The old one (legacy) or the new one? Anyway, post the whole code so we can see what's wrong.
Reply With Quote
  #6  
Old 09-09-2011, 08:14 PM
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Posts: 3,134
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Frosty View Post
@Max Taxable
Which postbit are you using? The old one (legacy) or the new one? Anyway, post the whole code so we can see what's wrong.
Legacy Postbit.

I have some customizations which might be getting in the way. Anyhow, here's the entire code for postbit legacy on my board:
Code:
$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
	<if condition="$show['announcement']">
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
			<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
			<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
		</td>
	<else />
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[right]: 0px" $post[scrolltothis]>
			<!-- status icon and date -->
			<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
			$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
			$post[firstnewinsert]
			<!-- / status icon and date -->
		</td>
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px" align="$stylevar[right]">
			&nbsp;
			<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
			<if condition="$show['inlinemod']">
				<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
			</if>
		</td>
	</if>
</tr>
<tr valign="top">
	<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

			<center><div id="postmenu_$post[postid]">
				<if condition="$show['profile']">
				<a <if condition="$thread['postuserid'] == $post['userid'] && $thread['firstpostid'] == $post['postid']">rel="author"</if> class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>  
				<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
				<else />
				$post[musername]
				</if>
			</div></center>

			<center><if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if></center>
			<center><if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if></center>
			$template_hook[postbit_userinfo_left]

			<center><if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if></center>

			<div class="smallfont">
				&nbsp;<br />
				<if condition="$post['joindate']"><div class="postinfo">$vbphrase[join_date]: $post[joindate]</div></if>
				<if condition="$post['field2']"><div class="postinfo">$vbphrase[location_perm]: $post[field2]</div></if>
				<if condition="$post['age']"><div class="postinfo">$vbphrase[age]: $post[age]</div></if>
				<div class="postinfo">
					$vbphrase[posts]: $post[posts]
				</div>
				<div class="postinfo">$template_hook[postbit_userinfo_right_after_posts]</div>
				<if condition="$show['infraction']"><div class="postinfo">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
				<if condition="$show['reputation']"><if condition="$show['reppower']"><div  class="postinfo">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span></div> </if></if>
	<div class="postinfo"><if condition="$show['reputation']">Reputation: $post[reputation]<br>$post[reputationdisplay]</if></div>
<br />
				$template_hook[postbit_userinfo_right]
				<center>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</center></div>
			</div>

	</td>
	<if condition="$show['moderated']">
	<td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
	<else />
	<td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
	</if>
		$template_hook[postbit_messagearea_start]
		<if condition="$show['messageicon'] OR $post['title']">
			<!-- icon and title -->
			<div class="smallfont">
				<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
				<if condition="$post['title']"><strong>$post[title]</strong></if>
			</div>
			<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
			<!-- / icon and title -->
		</if>

		<!-- message -->
		<div id="post_message_$post[postid]">
			$ad_location[ad_showthread_firstpost_start]
			$post[message]
		</div>
		<!-- / message -->

		<if condition="$show['attachments']">
		<!-- attachments -->
			<div style="padding:$stylevar[cellpadding]px">

			<if condition="$show['thumbnailattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_thumbnails]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[thumbnailattachments]
					</div>
				</fieldset>
			</if>

			<if condition="$show['imageattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[imageattachments]
					</div>
				</fieldset>
			</if>

			<if condition="$show['imageattachmentlink']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[imageattachmentlinks]
					</table>
					</fieldset>
			</if>

			<if condition="$show['otherattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_files]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[otherattachments]
					</table>
				</fieldset>
			</if>

			<if condition="$show['moderatedattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attachments_pending_approval]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[moderatedattachments]
					</table>
				</fieldset>
			</if>

			</div>
		<!-- / attachments -->
		</if>

		$template_hook[postbit_signature_start]
		$ad_location[ad_showthread_firstpost_sig]

		<if condition="$post['signature']">
		<!-- sig -->
			<div>
				__________________<br />
				$post[signature]
			</div>
		<!-- / sig -->
		</if>

		$template_hook[postbit_signature_end]

		<if condition="$show['postedited']">
		<!-- edit note -->
			<div class="smallfont">
				<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
				<em>
					<if condition="$show['postedithistory']">
						<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>
					<else />
						<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>
					</if>
					<if condition="$post['edit_reason']">
						$vbphrase[reason]: $post[edit_reason]
					</if>
				</em>
			</div>
		<!-- / edit note -->
		</if>

	</td>
</tr>
<tr>
	<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
		$post[onlinestatus]
		<if condition="$show['reputationlink']">
			<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
			<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
		</if>
		<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&amp;p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
		<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
		$post[iplogged]
		&nbsp;
	</td>
	<if condition="$show['moderated']">
	<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
	<else />
	<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
	</if>
		<!-- controls -->
		<if condition="$post['editlink']">
			<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
			<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
		</if>
		<if condition="$post['forwardlink']">
			<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
		</if>
		<if condition="$post['replylink']">
			<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
		</if>
		<if condition="$show['multiquote_post']">
			<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
		</if>
		<if condition="$show['quickreply'] AND !$show['threadedmode']">
			<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
		</if>
		<if condition="$show['moderated']">
			<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
		</if>
		<if condition="$show['spam']">
			<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
		</if>
		<if condition="$show['deletedpost']">
			<if condition="$show['managepost']">
				<a href="postings.php?$session[sessionurl]do=managepost&amp;p=$post[postid]"><img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[manage]" border="0" /></a>
			<else />
				<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
			</if>
		</if>
		<if condition="$show['redcard']">
			<a href="infraction.php?$session[sessionurl]do=view&amp;p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
		<else />
			<if condition="$show['yellowcard']">
				<a href="infraction.php?$session[sessionurl]do=view&amp;p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
			</if>
		</if>
		$template_hook[postbit_controls]
		<!-- / controls -->
	</td>
</tr>
</table>
$template_hook[postbit_end]

<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">$post[username]</td>
	</tr>
	<if condition="$show['profile']">
		<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
	</if>
	<if condition="$show['pmlink']">
		<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['emaillink']">
		<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['homepage']">
		<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
	</if>
	<if condition="$show['search']">
		<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
	</if>
	<if condition="$post['userid'] AND $show['member']">
	<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
	</if>
	$template_hook[postbit_user_popup]
	</table>
</div>
<!-- / post $post[postid] popup menu -->
EDIT to add: I think I see the issue, I am calling for a "alt2" earlier in the script, then your code calls it up again. Do I need to simply rename yours to "alt3?"

(This script is shown reverted, without your additional.)
Reply With Quote
  #7  
Old 09-09-2011, 08:30 PM
nhawk nhawk is offline
 
Join Date: Jan 2011
Posts: 1,604
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Mostjolly View Post
It works! I <3 you... thank you so much!
Nhat



--------------- Added [DATE]1315548991[/DATE] at [TIME]1315548991[/TIME] ---------------

Is there a way to make it work on IE?
It works with IE9. Just place your css info in vbulletin-chrome.css.

--------------- Added [DATE]1315604369[/DATE] at [TIME]1315604369[/TIME] ---------------

Quote:
Originally Posted by Max Taxable View Post
Legacy Postbit.

I have some customizations which might be getting in the way. Anyhow, here's the entire code for postbit legacy on my board:
Code:
$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
	<if condition="$show['announcement']">
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
			<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
			<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
		</td>
	<else />
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[right]: 0px" $post[scrolltothis]>
			<!-- status icon and date -->
			<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
			$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
			$post[firstnewinsert]
			<!-- / status icon and date -->
		</td>
		<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px" align="$stylevar[right]">
			&nbsp;
			<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
			<if condition="$show['inlinemod']">
				<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
			</if>
		</td>
	</if>
</tr>
<tr valign="top">
	<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

			<center><div id="postmenu_$post[postid]">
				<if condition="$show['profile']">
				<a <if condition="$thread['postuserid'] == $post['userid'] && $thread['firstpostid'] == $post['postid']">rel="author"</if> class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>  
				<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
				<else />
				$post[musername]
				</if>
			</div></center>

			<center><if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if></center>
			<center><if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if></center>
			$template_hook[postbit_userinfo_left]

			<center><if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if></center>

			<div class="smallfont">
				&nbsp;<br />
				<if condition="$post['joindate']"><div class="postinfo">$vbphrase[join_date]: $post[joindate]</div></if>
				<if condition="$post['field2']"><div class="postinfo">$vbphrase[location_perm]: $post[field2]</div></if>
				<if condition="$post['age']"><div class="postinfo">$vbphrase[age]: $post[age]</div></if>
				<div class="postinfo">
					$vbphrase[posts]: $post[posts]
				</div>
				<div class="postinfo">$template_hook[postbit_userinfo_right_after_posts]</div>
				<if condition="$show['infraction']"><div class="postinfo">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
				<if condition="$show['reputation']"><if condition="$show['reppower']"><div  class="postinfo">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span></div> </if></if>
	<div class="postinfo"><if condition="$show['reputation']">Reputation: $post[reputation]<br>$post[reputationdisplay]</if></div>
<br />
				$template_hook[postbit_userinfo_right]
				<center>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</center></div>
			</div>

	</td>
	<if condition="$show['moderated']">
	<td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
	<else />
	<td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
	</if>
		$template_hook[postbit_messagearea_start]
		<if condition="$show['messageicon'] OR $post['title']">
			<!-- icon and title -->
			<div class="smallfont">
				<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
				<if condition="$post['title']"><strong>$post[title]</strong></if>
			</div>
			<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
			<!-- / icon and title -->
		</if>

		<!-- message -->
		<div id="post_message_$post[postid]">
			$ad_location[ad_showthread_firstpost_start]
			$post[message]
		</div>
		<!-- / message -->

		<if condition="$show['attachments']">
		<!-- attachments -->
			<div style="padding:$stylevar[cellpadding]px">

			<if condition="$show['thumbnailattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_thumbnails]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[thumbnailattachments]
					</div>
				</fieldset>
			</if>

			<if condition="$show['imageattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<div style="padding:$stylevar[formspacer]px">
					$post[imageattachments]
					</div>
				</fieldset>
			</if>

			<if condition="$show['imageattachmentlink']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_images]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[imageattachmentlinks]
					</table>
					</fieldset>
			</if>

			<if condition="$show['otherattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attached_files]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[otherattachments]
					</table>
				</fieldset>
			</if>

			<if condition="$show['moderatedattachment']">
				<fieldset class="fieldset">
					<legend>$vbphrase[attachments_pending_approval]</legend>
					<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
					$post[moderatedattachments]
					</table>
				</fieldset>
			</if>

			</div>
		<!-- / attachments -->
		</if>

		$template_hook[postbit_signature_start]
		$ad_location[ad_showthread_firstpost_sig]

		<if condition="$post['signature']">
		<!-- sig -->
			<div>
				__________________<br />
				$post[signature]
			</div>
		<!-- / sig -->
		</if>

		$template_hook[postbit_signature_end]

		<if condition="$show['postedited']">
		<!-- edit note -->
			<div class="smallfont">
				<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
				<em>
					<if condition="$show['postedithistory']">
						<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>
					<else />
						<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>
					</if>
					<if condition="$post['edit_reason']">
						$vbphrase[reason]: $post[edit_reason]
					</if>
				</em>
			</div>
		<!-- / edit note -->
		</if>

	</td>
</tr>
<tr>
	<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
		$post[onlinestatus]
		<if condition="$show['reputationlink']">
			<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
			<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
		</if>
		<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&amp;p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
		<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
		$post[iplogged]
		&nbsp;
	</td>
	<if condition="$show['moderated']">
	<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
	<else />
	<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
	</if>
		<!-- controls -->
		<if condition="$post['editlink']">
			<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
			<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
		</if>
		<if condition="$post['forwardlink']">
			<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
		</if>
		<if condition="$post['replylink']">
			<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
		</if>
		<if condition="$show['multiquote_post']">
			<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
		</if>
		<if condition="$show['quickreply'] AND !$show['threadedmode']">
			<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
		</if>
		<if condition="$show['moderated']">
			<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
		</if>
		<if condition="$show['spam']">
			<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
		</if>
		<if condition="$show['deletedpost']">
			<if condition="$show['managepost']">
				<a href="postings.php?$session[sessionurl]do=managepost&amp;p=$post[postid]"><img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[manage]" border="0" /></a>
			<else />
				<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
			</if>
		</if>
		<if condition="$show['redcard']">
			<a href="infraction.php?$session[sessionurl]do=view&amp;p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
		<else />
			<if condition="$show['yellowcard']">
				<a href="infraction.php?$session[sessionurl]do=view&amp;p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
			</if>
		</if>
		$template_hook[postbit_controls]
		<!-- / controls -->
	</td>
</tr>
</table>
$template_hook[postbit_end]

<!-- post $post[postid] popup menu -->
<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">$post[username]</td>
	</tr>
	<if condition="$show['profile']">
		<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
	</if>
	<if condition="$show['pmlink']">
		<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['emaillink']">
		<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
	</if>
	<if condition="$show['homepage']">
		<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
	</if>
	<if condition="$show['search']">
		<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&amp;u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
	</if>
	<if condition="$post['userid'] AND $show['member']">
	<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
	</if>
	$template_hook[postbit_user_popup]
	</table>
</div>
<!-- / post $post[postid] popup menu -->
EDIT to add: I think I see the issue, I am calling for a "alt2" earlier in the script, then your code calls it up again. Do I need to simply rename yours to "alt3?"

(This script is shown reverted, without your additional.)
If you've made the css changes, the only part you need to change is the avatar section of your code..

Find this..
Code:
			<center><if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if></center>
And replace with this..
Code:
			<center><if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img class="roundedav" src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if></center>
Reply With Quote
2 благодарности(ей) от:
Frosty, Max Taxable
  #8  
Old 09-09-2011, 09:44 PM
Mostjolly's Avatar
Mostjolly Mostjolly is offline
 
Join Date: Apr 2008
Location: USA
Posts: 112
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by nhawk View Post
It works with IE9. Just place your css info in vbulletin-chrome.css.
Where the vbulletin-chrome.css located.. and will you please provide the code structure too?

Thank you.
Reply With Quote
  #9  
Old 09-09-2011, 10:20 PM
Max Taxable's Avatar
Max Taxable Max Taxable is offline
 
Join Date: Feb 2011
Posts: 3,134
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by nhawk View Post
If you've made the css changes, the only part you need to change is the avatar section of your code..
And that is all I changed.
Quote:

Find this..
Code:
			<center><if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if></center>
And replace with this..
Code:
			<center><if condition="$show['avatar']">
				<div class="smallfont">
					&nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img class="roundedav" src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
				</div>
			</if></center>
Thank you, this now works. I will note in passing you merely omitted the td class=alt2 from the code originally supplied. What exactly was the purpose of it to start with?
Reply With Quote
  #10  
Old 09-10-2011, 10:07 AM
nhawk nhawk is offline
 
Join Date: Jan 2011
Posts: 1,604
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Mostjolly View Post
Where the vbulletin-chrome.css located.. and will you please provide the code structure too?

Thank you.
AdminCP->Styles & Templates->Style Manager

Select 'Edit Templates' for your style, scroll down and double click on CSS Templates.

Scroll down to vbulletin-chrome.css and double click on it.

Scroll down to the end of the code in the box and add this..

Code:
.roundedav {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 }
Click Save.

Then add class="roundedav" to any image you want to have rounded corners.

--------------- Added [DATE]1315652978[/DATE] at [TIME]1315652978[/TIME] ---------------

Quote:
Originally Posted by Max Taxable View Post
And that is all I changed.Thank you, this now works. I will note in passing you merely omitted the td class=alt2 from the code originally supplied. What exactly was the purpose of it to start with?
Without checking, I believe the code with the class=alt2 is from the default vB style. Your customizations already had that higher up in the code.
Reply With Quote
Reply
Page 1 of 2 1 2

« Previous Thread | Next Thread »
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 04:52 AM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05064 seconds
  • Memory Usage 2,391KB
  • Queries Executed 12 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (7)bbcode_code
  • (4)bbcode_php
  • (9)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (4)post_thanks_box_bit
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (1)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete