Introduction Text-Box, Member Bio & Social Media Links

[Boy_Wonder]

Just adding if you only want it to display for guests alter this to:

{if $[current_user.is_guest]}
<div id="intro">
<img src="https://farm5.staticflickr.com/4574/37952044344_cc86c372d9_n.jpg"></img>

<strong>News, discussion and much more!</strong>
<br />
<br>
</div>
<div class="popedia">
Popedia is a forum based on discussing the media, pop culture, current events and everything in between. When registered, you can access additional features on the <center>forum and become a part of this friendly, fast-growing community!</center>
<br />
<br />
<center>If you're not yet a member, register now - it's quick and free!</center>

</p>

</div>
{/if}

[Popedia]

Thank you so much for your help @henny4315 and Boy_Wonder. I really appreciate it!

I'll give it a go now and let you know how it turns out.

[Popedia]

I really like it, except that there is one small issue. I'm not sure if I might have copied it incorrectly, but if possible, I would like all of the text to be to the right of the picture.

Apart from that, I really like the look of it!

[Boy_Wonder]

Change this:

{if $[current_user.is_guest]}
<div id="intro">
<img src="https://farm5.staticflickr.com/4574/37952044344_cc86c372d9_n.jpg"></img>

<strong>News, discussion and much more!</strong>
<br />
<br>
</div>
<div class="popedia">
Popedia is a forum based on discussing the media, pop culture, current events and everything in between. When registered, you can access additional features on the <center>forum and become a part of this friendly, fast-growing community!</center>
<br />
<br />
<center>If you're not yet a member, register now - it's quick and free!</center>

</p>

</div>
{/if}

To this:
{if $[current_user.is_guest]}
<div id="intro">
<img src="https://farm5.staticflickr.com/4574/37952044344_cc86c372d9_n.jpg" style="float: left; padding-right: 10px;"></img>

<strong>News, discussion and much more!</strong>
<br />
<br>
</div>
<div class="popedia">
Popedia is a forum based on discussing the media, pop culture, current events and everything in between. When registered, you can access additional features on the <center>forum and become a part of this friendly, fast-growing community!
<br />
<br />
If you're not yet a member, register now - it's quick and free!



</div>
<span style="clear: both;"></span>
{/if}

I -think- that should do it

[Popedia]

Thanks. It worked, except for the fact that the "blue" box is not aligned with the bottom of the picture. Would it become aligned if I slightly increased the fonts of the text?

Also, this is only a minor issue, but would it be possible to make all of the text be aligned to the left? For instance, instead of the "features on the" and "forum and become..." being on separate lines, is it possible to make them be on the one line and make the "If you're not yet a..." text be aligned to the left and not the centre?

[Boy_Wonder]

I think I'm going to rewrite the code from scratch - but I have to go out to work so I won't be able to do anything until I get in

[Popedia]

Dec 7, 2017 1:15:10 GMT -8 Boy_Wonder said:

I think I'm going to rewrite the code from scratch - but I have to go out to work so I won't be able to do anything until I get in

That's ok. I'm patient.

[Popedia]

Dec 7, 2017 1:15:10 GMT -8 Boy_Wonder said:

I think I'm going to rewrite the code from scratch - but I have to go out to work so I won't be able to do anything until I get in

I've managed to fix the text alignment. The only minor issue is the "blue" box not being aligned with the image.

[Former Member]

Dec 7, 2017 1:21:02 GMT -8 Popedia said:

Dec 7, 2017 1:15:10 GMT -8 Boy_Wonder said:

I think I'm going to rewrite the code from scratch - but I have to go out to work so I won't be able to do anything until I get in

I've managed to fix the text alignment. The only minor issue is the "blue" box not being aligned with the image.

Just add <br> to the button of the code I showed you. That should fix it!

[Popedia]

Dec 7, 2017 16:42:05 GMT -8 @henny4315 said:

Dec 7, 2017 1:21:02 GMT -8 Popedia said:

I've managed to fix the text alignment. The only minor issue is the "blue" box not being aligned with the image.

Just add <br> to the button of the code I showed you. That should fix it!

Ok. Thanks!

[Popedia]

This is unrelated to the introduction text-box, but I was just wondering if it would be possible at all to code/develop my two other ideas (the member biography & social media links)? The information about them is on the first page of this thread.

[Boy_Wonder]

Waiting for weekend

[Former Member]

Dec 7, 2017 20:03:08 GMT -8 Popedia said:

This is unrelated to the introduction text-box, but I was just wondering if it would be possible at all to code/develop my two other ideas (the member biography & social media links)? The information about them is on the first page of this thread.

Maybe I could do the Social Media Links. Does my box work well?  

[Former Member]

Dec 7, 2017 1:15:10 GMT -8 Boy_Wonder said:

I think I'm going to rewrite the code from scratch - but I have to go out to work so I won't be able to do anything until I get in

That's not cool. A coding beginner makes something. Don't rewrite my work!

[Boy_Wonder]

Dec 8, 2017 10:33:38 GMT -8 @henny4315 said:

Dec 7, 2017 1:15:10 GMT -8 Boy_Wonder said:

I think I'm going to rewrite the code from scratch - but I have to go out to work so I won't be able to do anything until I get in

That's not cool. A coding beginner makes something. Don't rewrite my work!

Then learn to CLOSE tags. Don't offer help if you can't follow basic coding rules


{if $[current_user.is_guest]
<div class="intro clear-float">
<img src="https://farm5.staticflickr.com/4574/37952044344_cc86c372d9_n.jpg" class="float-image" /> <strong class="center-text">News, discussion and much more!</strong><br />
<p class="normal-text">Popedia is a forum based on discussing the media, pop culture, current events and everything in between. When registered, you can access additional features on the forum and become a part of this friendly, fast-growing community!</p>

<span class="center-text">If you're not yet a member, register now - it's quick and free</span>

</div>
{/if}

HTML - paste wherever you require this to be shown

CSS - paste this in your style sheet

.intro {border: 1px solid #000000;
padding: 5px;}
   .clear-float {clear: both;}
   .float-image {float: left;
   padding-right: 10px;}
   .normal-text {text-align: justify;}
   .center-text {text-align: center;}
   </style>


Now working on the social media and bio stuff