• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

[XenFans] Let's get started .. (for 0 posters) [Template Modification]

  • Thread starter Thread starter Floris
  • Start date Start date
Status
Not open for further replies.
It was comment to you with explanation and then general comment to explain to other readers about the mod. Wasn't trying to sound mean or attack you. Sorry :) Came across wrong.
 
I wonder if that '<label> is causing invalid form submits for those pages. I will have to go test with alternatives otherwise.
 
This is meant as a 'lets get those new visitors started and introduced to the community' rather than an all purpose notice system though.

With the current version
guests get introduced to the board and invited to register.
new members get asked to introduce themselves and personalize their profile
 
Still, it would be nice if it someday turned into an addon / core product rather than template edits. Template edits are nasty and I don't like to do them if it's unneeded. Also, as always, being able to change what is shown from the admin panel is always a good thing.

Anyway, I like the work you're doing Floris, I'll start experimenting on my test board with this soon as well.
 
I've made a start with the addon, I just don't know how to do certain things. Still waiting for someone to update it for review. :)
 
hmm
when you view the website with chrome u see that:
PSj



but when i view it with firefox, i see :

PSn



why the font color is different? :|


thats my code on page_container
HTML: 
<xen:if is="!{$isAwaitingEmailConfirmation} AND {$visitor.user_id} AND {$visitor.message_count} == 0">
                            <p class="importantMessage" style="line-height: 1.6em;">
                                <font color="800000">Thank you for signing up </font><b><font color="800000">{$visitor.username}</font></b><font color="800000">, and Welcome to</font> <img src="/extragfx/systemgfx/important_msg_welcome2.png">
                                <br /><span class="xenfans_welcome"><a href="{xen:link forums/introduction.4/create-thread}" class="concealed">Let's Get Started By Introducing Yourself</a></label></span>
                                </p>
                        </xen:if>
                        <xen:if is="!{$isAwaitingEmailConfirmation} AND {$visitor.user_id}">
                            <xen:if is="{$visitor.avatar_date} == 0 AND !{$visitor.gravatar} OR !{$visitor.gender}">
                            <p class="importantMessage" style="line-height: 1.6em;">
                                <font color="800000">We invite you to personalize and complete your profile!</font><br />
                                <xen:if is="{$visitor.avatar_date} == 0 AND !{$visitor.gravatar}">
                                    <span class="xenfans_welcome"><a href="{xen:link account/avatar}" class="concealed" class="concealed">Upload Avatar</a></label></span>
                                </xen:if>
                                <xen:if is="!{$visitor.gender}">
                                    <span class="xenfans_welcome"><a href="{xen:link account/personal-details}" class="concealed">Select Gender</a></label>
                                </xen:if>
                            </p>
                            </xen:if>
                        </xen:if>
                        <xen:if is="!{$visitor.user_id}">
                            <p class="importantMessage" style="line-height: 1.6em;">
                            <img src="/extragfx/systemgfx/important_msg_welcome.png"><br>
                            <font color="red">You're currently viewing our site as a Guest User.</font><br> <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Sign up</a></label></span> <font color="800000">or</font> <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Login</a></label></span><br />
                            <font color="800000">Having an account grants you additional privileges, such as creating-, participating in discussions and gives you the opportunity to meet new people!</font>
                            </p>
                        </xen:if>


EDIT: on safari the text also appears as red, the problem is only with FireFox


Have no idea whats causing that :(
and if i try to change from extra.css the color of .importantMessage it changes all the colors, like names, post numbers and stuff


EDIT 2: FIXED; had to put # sign before 800000 cause of the stupid firefox
 
Quick Question, When i try to C+P the code into the template you instruct to edit, Xenforo does not let me.

Does anyone know why? Do i have a certain setting enabled?


Edit: Nvm, the answer was to change browsers. For Some reason Google Chrome doesn't allow me to C+P it.
 
That's a known bug since beta 6. It seems to be a bug in the browser for some reason.
 
Maybe Chrome / FireFox respect HTML5 differently.

<font color="800000">
is outdated and shouldn't be used in my opinion. Move the markup to CSS.

<div style="color: #800000"> ..text.. </div>
 
gmaister22 said:
hmm
when you view the website with chrome u see that:
PSj



but when i view it with firefox, i see :

PSn



why the font color is different? :|


thats my code on page_container
HTML: 
<xen:if is="!{$isAwaitingEmailConfirmation} AND {$visitor.user_id} AND {$visitor.message_count} == 0">
                            <p class="importantMessage" style="line-height: 1.6em;">
                                <font color="800000">Thank you for signing up </font><b><font color="800000">{$visitor.username}</font></b><font color="800000">, and Welcome to</font> <img src="/extragfx/systemgfx/important_msg_welcome2.png">
                                <br /><span class="xenfans_welcome"><a href="{xen:link forums/introduction.4/create-thread}" class="concealed">Let's Get Started By Introducing Yourself</a></label></span>
                                </p>
                        </xen:if>
                        <xen:if is="!{$isAwaitingEmailConfirmation} AND {$visitor.user_id}">
                            <xen:if is="{$visitor.avatar_date} == 0 AND !{$visitor.gravatar} OR !{$visitor.gender}">
                            <p class="importantMessage" style="line-height: 1.6em;">
                                <font color="800000">We invite you to personalize and complete your profile!</font><br />
                                <xen:if is="{$visitor.avatar_date} == 0 AND !{$visitor.gravatar}">
                                    <span class="xenfans_welcome"><a href="{xen:link account/avatar}" class="concealed" class="concealed">Upload Avatar</a></label></span>
                                </xen:if>
                                <xen:if is="!{$visitor.gender}">
                                    <span class="xenfans_welcome"><a href="{xen:link account/personal-details}" class="concealed">Select Gender</a></label>
                                </xen:if>
                            </p>
                            </xen:if>
                        </xen:if>
                        <xen:if is="!{$visitor.user_id}">
                            <p class="importantMessage" style="line-height: 1.6em;">
                            <img src="/extragfx/systemgfx/important_msg_welcome.png"><br>
                            <font color="red">You're currently viewing our site as a Guest User.</font><br> <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Sign up</a></label></span> <font color="800000">or</font> <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Login</a></label></span><br />
                            <font color="800000">Having an account grants you additional privileges, such as creating-, participating in discussions and gives you the opportunity to meet new people!</font>
                            </p>
                        </xen:if>


EDIT: on safari the text also appears as red, the problem is only with FireFox


Have no idea whats causing that :(
and if i try to change from extra.css the color of .importantMessage it changes all the colors, like names, post numbers and stuff


EDIT 2: FIXED; had to put # sign before 800000 cause of the stupid firefox
Click to expand...
I'd use <span> at the very least.

Like so

Code: 
<xen:if is="!{$isAwaitingEmailConfirmation} AND {$visitor.user_id} AND {$visitor.message_count} == 0">
                            <p class="importantMessage" style="line-height: 1.6em;">
                                <span style="color:#800000">Thank you for signing up </span><b><span style="color:#800000">{$visitor.username}</span></b><span style="color:#800000">, and Welcome to</span> <img src="/extragfx/systemgfx/important_msg_welcome2.png">
                                <br /><span class="xenfans_welcome"><a href="{xen:link forums/introduction.4/create-thread}" class="concealed">Let's Get Started By Introducing Yourself</a></label></span>
                                </p>
                        </xen:if>
                        <xen:if is="!{$isAwaitingEmailConfirmation} AND {$visitor.user_id}">
                            <xen:if is="{$visitor.avatar_date} == 0 AND !{$visitor.gravatar} OR !{$visitor.gender}">
                            <p class="importantMessage" style="line-height: 1.6em;">
                                <span style="color:#800000">We invite you to personalize and complete your profile!</span><br />
                                <xen:if is="{$visitor.avatar_date} == 0 AND !{$visitor.gravatar}">
                                    <span class="xenfans_welcome"><a href="{xen:link account/avatar}" class="concealed" class="concealed">Upload Avatar</a></label></span>
                                </xen:if>
                                <xen:if is="!{$visitor.gender}">
                                    <span class="xenfans_welcome"><a href="{xen:link account/personal-details}" class="concealed">Select Gender</a></label>
                                </xen:if>
                            </p>
                            </xen:if>
                        </xen:if>
                        <xen:if is="!{$visitor.user_id}">
                            <p class="importantMessage" style="line-height: 1.6em;">
                            <img src="/extragfx/systemgfx/important_msg_welcome.png"><br>
                            <span style="color:red">You're currently viewing our site as a Guest User.</span><br> <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Sign up</a></label></span> <span style="color:#800000">or</span> <span class="xenfans_welcome"><label for="LoginControl"><a href="{xen:link login}" class="concealed">Login</a></label></span><br />
                            <span style="color:#800000">Having an account grants you additional privileges, such as creating-, participating in discussions and gives you the opportunity to meet new people!</span>
                            </p>
                        </xen:if>
 
You were using <font> tag, which isn't html5, and you were not using # in front of your hex-color.
 
Status
Not open for further replies.

Similar threads

SuperZambezi
  • Question Question
RM 2.2 Captcha Requirement for Downloads
Replies
0
Views
603
SuperZambezi
SuperZambezi
FoxSecrets
  • Question Question
XF 2.2 How to modify template with html that changes
Replies
1
Views
442
FoxSecrets
FoxSecrets
Scandal
XF 2.2 Tags / token-input / I want to apply new tags via JavaScript
Replies
3
Views
605
Scandal
Scandal
El Porcharo
  • Question Question
XF 2.2 Hide conversations and alerts to unconfirmed users
Replies
5
Views
851
El Porcharo
El Porcharo
Justis R
XF 2.2 disabler and <xf:dependent> not working inside menu dropdown
Replies
1
Views
729
Justis R
Justis R
Top Bottom