MOCpages : Share your LEGO® creations
LEGO models my own creation MOCpages toys shop CSS/HTML Group
Welcome to the world's greatest LEGO fan community!
Explore cool creations, share your own, and have lots of fun together.  ~  It's all free!
Conversation »
General conversation
Join to comment
 Group admin 
Hello guys :)
If you are interested or have questions about HTML or CSS, then feel free to stick around! I'll mainly be using this group for stylizing the LOM homepage gathering from the entries we received in the homepage challenge. Maybe after it is done, this could be an HTML and CSS group for those interested.

Anyway, I'll make you guys admins so you can see the CSS as it appears in the group description.
Permalink
| May 8, 2014, 10:20 am
This looks great! It's wonderful of you to take the time to write all of this for us uneducated cave-dwellers.
Permalink
| May 8, 2014, 1:47 pm
 Group admin 
Quoting Gilbert Despathens
This looks great! It's wonderful of you to take the time to write all of this for us uneducated cave-dwellers.

Thanks!
Haha, I'm happy to help.

I finished the threads :)
Permalink
| May 8, 2014, 3:09 pm
Quoting David FNJ
Thanks!
Haha, I'm happy to help.

I finished the threads :)

Now I finished reading the threads, and I'm even more impressed. I want to monkey around with this.
Permalink
| May 8, 2014, 6:01 pm
 Group admin 
Quoting Gilbert Despathens
I liked the multiple links to the points thread for a main reason and a very minor side-effect. The primary reason is convenience

Okay, I'll put in a smaller link in there.

To make the links open a new tab, then do this

<a href="your normal link" target="_blank">hello</a>

It's the target="_blank" that does it
Permalink
| May 9, 2014, 6:51 pm
Quoting David FNJ
Hello guys :)
If you are interested or have questions about HTML or CSS, then feel free to stick around! I'll mainly be using this group for stylizing the LOM homepage gathering from the entries we received in the homepage challenge. Maybe after it is done, this could be an HTML and CSS group for those interested.

Anyway, I'll make you guys admins so you can see the CSS as it appears in the group description.

This is the group for me!

When I saw the amazing homepage for LOM, I had to figure out how it was done. Having lots of experience with HTML and CSS, I knew what I was looking at, and boy was it beautiful. I didn't even think about such exploitation with the div tag! Heck, I didn't even know MOCpages accepted them! XD.

I carefully dissected all of your code to see what everything did, I must say, amazing job, good sir! The only thing I couldn't get to work was the variable for background-image: url(), I saw the image you used, great technique! I tried it with a simple solid color template, but it didn't work, so I just changed it to background-color:#; . ;)

If you check out my group (The System MOC Division, I think I invited you), I used a little chunk of the code, and stylized it to my specifications ;).

I feel group homepages will be replaced with the astounding potential of div XD.
Permalink
| June 3, 2014, 6:41 pm
Quoting David FNJ
Okay, I'll put in a smaller link in there.

To make the links open a new tab, then do this

<a href="your normal link" target="_blank">hello</a>

It's the target="_blank" that does it
Where did you learn your HTML? I learned mostly from https://www.w3schools.com, but once I started to understand the very simple syntax it was easy from there ;). HTML is very intriguing and simple code, but it can be complex in it's style output, after all, it is web-designing, so it's very sensitive, I guess you could say. ;P

Permalink
| June 3, 2014, 6:45 pm
 Group admin 
Quoting Bumblebee 5253
This is the group for me!
Welcome :D
Quoting Bumblebee 5253
When I saw the amazing homepage for LOM, I had to figure out how it was done. Having lots of experience with HTML and CSS, I knew what I was looking at, and boy was it beautiful. I didn't even think about such exploitation with the div tag! Heck, I didn't even know MOCpages accepted them! XD.
Span is also useful - especially when wanting things to line up next to each other instead of always jumping lines. I learned later on that I shouldn't need to make a div inline but rather use span. Yeah, I tried it out and was very glad for divs :)
Quoting Bumblebee 5253
I carefully dissected all of your code to see what everything did, I must say, amazing job, good sir! The only thing I couldn't get to work was the variable for background-image: url(), I saw the image you used, great technique! I tried it with a simple solid color template, but it didn't work, so I just changed it to background-color:#; . ;)
Did you have
Quoting code
<div style="background-image: url();">


The style needs to be there, and you need the url part that ends with the image end (like jpg)

Quoting Bumblebee 5253
If you check out my group (The System MOC Division, I think I invited you), I used a little chunk of the code, and stylized it to my specifications ;).
I feel group homepages will be replaced with the astounding potential of div XD.
I'll be sure to check it out!
As long as people are willing to put the effort into it - yes :)


Permalink
| June 3, 2014, 7:14 pm
Jackpot! So glad I found this group. I didn't realize you could use CSS with MOCpages! I thought it was just the limited HTML. So thank you! I'll refer back to this group several times, and will probably have some questions.
Permalink
| June 26, 2014, 8:09 pm
Hey David, i invited you to a group called "CSS" . If you could copy the description of this group and make it the description of mine so I could see the HTML and CSS. The "inspect element" thingy has me confused :P That would really help me, thanks!
Permalink
| June 27, 2014, 2:52 pm
 Group admin 
Quoting Thomas B.
Hey David, i invited you to a group called "CSS" . If you could copy the description of this group and make it the description of mine so I could see the HTML and CSS. The "inspect element" thingy has me confused :P That would really help me, thanks!
I added this group's HTML/CSS to that page :)

No problem, it does get confusing sometimes. If you come across any problems or you would like me to find out about something, feel free to ask me :)
Permalink
| June 27, 2014, 3:24 pm
Quoting David

Any tips for shadowing/fading text like on your homepage?
Permalink
| June 27, 2014, 4:07 pm
 Group admin 
Quoting Thomas B.
Quoting David

Any tips for shadowing/fading text like on your homepage?

Sure! It is basically the same as text-shadow, but you do a whole bunch of them in a row separated by a comma instead of a semi-colon.
Quoting layered text-shadow
<span style="text-shadow: ? ? ? color, ? ? ? color, ? ? ? color, ? ? ? color;"><font color=some color><center>the text you want the layered shadow to appear</center></font></span>

Permalink
| June 27, 2014, 4:22 pm
Quoting David FNJ
Sure! It is basically the same as text-shadow, but you do a whole bunch of them in a row separated by a comma instead of a semi-colon.
Quoting layered text-shadow
<span style="text-shadow: ? ? ? color, ? ? ? color, ? ? ? color, ? ? ? color;"><font color=some color><center>the text you want the layered shadow to appear</center></font></span>

Thanks a lot!
Permalink
| June 27, 2014, 6:51 pm
what should i put in here: <!-- --> to make the shadow-text work?
Permalink
| June 27, 2014, 8:24 pm
Quoting Thomas B.
what should i put in here: <!-- --> to make the shadow-text work?

Anythin'?
Permalink
| June 30, 2014, 8:50 pm
 Group admin 
Quoting Thomas B.
what should i put in here: <!-- --> to make the shadow-text work?

If you put things inside the <!-- --> then nothing will show up since it would be looked at as a comment. Here is an example text-shadow:
Quoting text-shadow
text-shadow: 2px 2px 4px blue;

Permalink
| July 22, 2014, 7:45 pm
Quoting David FNJ
If you put things inside the <!-- --> then nothing will show up since it would be looked at as a comment. Here is an example text-shadow:
Quoting text-shadow
text-shadow: 2px 2px 4px blue;

Yup I figured that out as you can see on my homepage http://www.mocpages.com/home.php/108963 I've got most of HTML down which is why I left this group.
Permalink
| July 22, 2014, 7:49 pm
 Group admin 
Quoting Sir RŠelenor
Yup I figured that out as you can see on my homepage http://www.mocpages.com/home.php/108963

Yeah I saw! Nice!
Permalink
| July 28, 2014, 5:18 pm
<body style="background: url(http://images.mocpages.com/user_images/97537/1409945273m_SPLASH.jpg)";>;

<div style="font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 120%; text-align: justify; width: 700px; padding: 5px 10px 5px 10px; background-image: url(http://images.mocpages.com/user_images/97537/1399577266m_SPLASH.jpg); border-radius: 10px;"><!--
set up background and font size ^


set up text area:
--><div style="background-color: rgba(117, 94, 40, 0.1); border-radius: 8px; padding: 5px; margin: 7px; text-align: center;"><h1 style="text-align: center; margin-bottom: 4px;">Welcome to the CSS group!</h1><div style="border: 3px solid rgba(0, 0, 0, 0.4); border-radius: 4px; margin-bottom: 4px; margin-right: auto; margin-left: auto; width: 560px;"></div><p>This group is for people to be able to stylize their MOCpage homepages and group homepages. <span style="font-size: 90%;">(LOM)</span>. The group was first used to experiment with the LOM homepage, so you'll recognize much of what is here if you've seen the LOM homepage.</p><!--


div for main content:
--><div style="margin-left: 88px; margin-right: 88px; margin-bottom: 15px; text-align: center;"><h3 style="margin-bottom: 1px;"><br>Getting Started</h3><div style="border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 4px; margin-right: auto; margin-left: auto; width: 170px;"></div><p>1. Click <a href="http://mocpages.com/group_conversation.php?id=24053&topicid=96222">here</a>; to visit the Overview thread. From there you can visit the syntax and styling threads.</p><p>2. Ask questions <a href="http://mocpages.com/group_conversation.php?id=24053&topicid=96220">here</a>;. I'll do my best to either answer the question or at least point you in the right direction.</p><p>3. Try it out for yourself! I encourage you to try it on your homepage first before experimenting in a group (unless you want to make a new group for experimenting that is)</p><p>4. Right-click and then select "Inspect Element" to see HTML code anywhere on any page to see (if possible) what the person who wrote it did to make the page look that way. You can even edit pages right on the spot with Inspect Element - but it will only change for you. Once the page reloads then all of your changes go away. Still, it is a helpful tool to try out different colors and such on the spot rather than switching back and forth between your editing page.</p> Everything after this is LOM stuff.<a href="https://www.flickr.com/photos/101364785@N07/11316842814/sizes/l/"; target="_blank"><img src="http://farm8.staticflickr.com/7344/11316842814_2cf7168892_z.jpg"; alt="LOM map" width="500px" style="border-radius: 10px; box-shadow: 6px 6px 10px #B2B2B2; margin-bottom: 0px; margin-left: 0px;"></a><a href="https://www.flickr.com/photos/101364785@N07/11316842814/sizes/l/"; target="_blank" style="margin-bottom: 18px; float: right; background-color: #EBEBEB; border-radius: 1px; font-family: serif; font-size: 60%; color: #8D8D8D;">click to enlarge</span></a><!--



--><div style="display: inline-block; margin-bottom: 15px;"><!-- div for Directory AND History

Directory:
--><div style="float: left; margin-right: 5px;"><h3 style="margin-bottom: 1px; margin-top: 0px;">Directory</h3><div style="border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 8px; margin-right: auto; margin-left: auto; width: 120px;"></div>- <a href="http://www.mocpages.com/group_rules.php?id=22392">Rules</a><br><br>;- <a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=90462">FAQ</a><br><br>;- <a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88444">Creatures/History</a><br><br>;- <a href="http://lands-of-mythron-royal-archives.wikia.com/wiki/Lands_of_Mythron_Royal_Archives_Wiki">The LOM Wiki</a><br><br>- <a href="http://neatchat.com/?id=d17de63e9c61859867e7df20fec4870"; target="_blank">Official Chat Room</a><br><br>- <a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88813#comment-1182625">Points and Members</a><br><br>- <a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=96110">Current RC or UC</a><br><br></div><!--



History:
--><div style="display: inline-block; float: right; width: 70%;"><h3 style="margin-bottom: 1px; margin-top: 0px;">History</h3><div style="border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 6px; margin-right: auto; margin-left: auto; width: 120px;"></div><i>In the days of old, before the Battle of Unbinding, before the war with Rainos, there was one kingdom: Mythron. Those were prosperous days. But like any other peaceful age, it was not to last. Evil seeped into Mythron through numerous forms - greed and madness in a ruling class that became alienated from its people, particularly in the High King.<br>The successor to that corrupt ruler nobly attempted to bring together the Lands of Mythron once more. But, try as he might, the one man could not save the kingdom. Sick of bowing to the foreign kings of Mythron, the people of Rainos overthrew their government and started a war of independence.<br>In the chaos that followed, the king was killed and the land split into five factions: Mythron, Rainos, Enalica, Nerogue, and the Outlaws.</i></div><!--


--></div></div><!-- This div ends the directory/history div, and the main content div



set up factions


Mythron div:
--><div style="text-shadow: 0px 0px 2px #70B8FF; font-size: 150%; font-family: Algerian, Papyrus, fantasy, sans-serif, Times New Roman; margin: 5px 55px 10px 55px; background-color: rgba(204, 204, 204, 0.3); border-radius: 4px; padding: 5px;"><div style="display: inline-block; vertical-align: middle;"><div>Mythron</div><div><a href="http://mocpages.com/group_conversation.php?id=22392&topicid=90099"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">Faction thread</a><br><a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88813#comment-1182625"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">points thread</a></div></div><img src="http://images.mocpages.com/user_images/84330/1371528856m_SPLASH.jpg"; border="2px" width="250" height="80" alt="Mythron" style="margin-left: 20px; border-radius: 8px; vertical-align: middle;"><div style="display: inline-block; vertical-align: middle; margin-left: 30px; text-align: center;"><div style="margin-bottom: 20px;"><a href="http://www.mocpages.com/group.php/23058"; style="width: 100px; height: 40px; border: 1px solid #85CEFF; border-radius: 16px; background-color: rgba(188, 221, 247, 0.7); color: #008CFF; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Homepage</a></div><div><a href="http://lands-of-mythron-royal-archives.wikia.com/wiki/Mythron"; target="_blank" style="width: 100px; height: 40px; border: 1px solid #85CEFF; border-radius: 16px; background-color: rgba(188, 221, 247, 0.7); color: #008CFF; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Wiki Page</a></div></div><div style="font-family: Papyrus, fantasy, sans-serif, Times New Roman; font-size: 60%; text-align: justify; text-shadow: 0px 0px 0px; margin: 4px 5px 0px 5px;">As little as twenty years ago, the entire map was ruled by Mythron. Although the kingdom now holds about a fifth of its former territory, its people keep their faith in king and country. Someday, they believe, they will return to power and bring order to the lands once more. Mythron's national colors are blue and black.</div></div><!--



Rainos div
--><div style="text-shadow: 0px 0px 2px #B20000; font-size: 150%; font-family: Algerian, Papyrus, fantasy, sans-serif, Times New Roman; vertical-align: middle; margin: 5px 55px 10px 55px; background-color: rgba(204, 204, 204, 0.3); border-radius: 4px; padding: 5px;"><div style="display: inline-block; vertical-align: middle;"><div>Rainos</div><div><a href="http://mocpages.com/group_conversation.php?id=22392&topicid=90104"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">Faction thread</a><br><a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88813#comment-1182625"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">points thread</a></div></div><img src="http://images.mocpages.com/user_images/84330/1371528859m_SPLASH.jpg"; border="2px" width="250" height="80" alt="" style="margin-left: 40px; border-radius: 8px; vertical-align: middle;"><div style="display: inline-block; vertical-align: middle; margin-left: 30px; text-align: center;"><div style="margin-bottom: 20px;"><a href="http://www.mocpages.com/group.php/23056"; style="width: 100px; height: 40px; border: 1px solid #A31919; border-radius: 16px; background-color: rgba(219, 24, 24, 0.5); color: #620F0F; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Homepage</a></div><div><a href="http://lands-of-mythron-royal-archives.wikia.com/wiki/Rainos"; target="_blank" style="width: 100px; height: 40px; border: 1px solid #A31919; border-radius: 16px; background-color: rgba(219, 24, 24, 0.5); color: #620F0F; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Wiki Page</a></div></div><div style="font-family: Papyrus, fantasy, sans-serif, Times New Roman; font-size: 60%; text-align: justify; text-shadow: 0px 0px 0px; margin: 4px 5px 0px 5px;">Rainos opened the way for the Mythronian empire to split into five factions, and the "barbaric" nation holds freedom above all other values. Its members dislike regulations and order, preferring to let common sense rule their actions, although clan ties can be very strong. Rainos's colors are allegedly red and black, but who cares about dress codes?</div></div><!--



Enalica div
--><div style="text-shadow: 0px 0px 2px #694016; font-size: 150%; font-family: Algerian, Papyrus, fantasy, sans-serif, Times New Roman; vertical-align: middle; margin: 5px 55px 10px 55px; background-color: rgba(204, 204, 204, 0.3); border-radius: 4px; padding: 5px;"><div style="display: inline-block; vertical-align: middle;"><div>Enalica</div><div><a href="http://mocpages.com/group_conversation.php?id=22392&topicid=91237"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">Faction thread</a><br><a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88813#comment-1182625"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">points thread</a></div></div><img src="http://images.mocpages.com/user_images/84330/1371528862m_SPLASH.jpg"; border="2px" width="250" height="80" alt="" style="margin-left: 30px; border-radius: 8px; vertical-align: middle;"><div style="display: inline-block; vertical-align: middle; margin-left: 30px; text-align: center;"><div style="margin-bottom: 20px;"><a href="http://mocpages.com/group.php/23184"; style="width: 100px; height: 40px; border: 1px solid #6B4E0F; border-radius: 16px; background-color: rgba(140, 111, 48, 0.6); color: #543312; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Homepage</a></div><div><a href="http://lands-of-mythron-royal-archives.wikia.com/wiki/Enalica"; target="_blank" style="width: 100px; height: 40px; border: 1px solid #6B4E0F; border-radius: 16px; background-color: rgba(140, 111, 48, 0.6); color: #543312; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Wiki Page</a></div></div><div style="font-family: Papyrus, fantasy, sans-serif, Times New Roman; font-size: 60%; text-align: justify; text-shadow: 0px 0px 0px; margin: 4px 5px 0px 5px;">The people of Enalica travel the map, raiding, trading, and adventuring. Out of all the factions, they are closest to their leadership figures, who turned the collection of islands from a group of corrupt tyrannies into a functional and influential nation. Their official flag is black and gold (or yellow), but Enalicans are known to dress very colorfully.</div></div><!--



Nerogue div
--><div style="text-shadow: 0px 0px 2px #009933; font-size: 150%; font-family: Algerian, Papyrus, fantasy, sans-serif, Times New Roman; vertical-align: middle; margin: 5px 55px 10px 55px; background-color: rgba(204, 204, 204, 0.3); border-radius: 4px; padding: 5px;"><div style="display: inline-block; vertical-align: middle;"><div>Nerogue</div><div><a href="http://mocpages.com/group_conversation.php?id=22392&topicid=90097"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">Faction thread</a><br><a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88813#comment-1182625"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">points thread</a></div></div><img src="http://images.mocpages.com/user_images/84330/1371528868m_SPLASH.jpg"; border="2px" width="250" height="80" alt="" style="margin-left: 20px; border-radius: 8px; vertical-align: middle;"><div style="display: inline-block; vertical-align: middle; margin-left: 30px; text-align: center;"><div style="margin-bottom: 20px;"><a href="http://www.mocpages.com/group.php/23068"; style="width: 100px; height: 40px; border: 1px solid #196C19; border-radius: 16px; background-color: rgba(51, 161, 39, 0.5); color: #166116; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Homepage</a></div><div><a href="http://lands-of-mythron-royal-archives.wikia.com/wiki/Nerogue"; target="_blank" style="width: 100px; height: 40px; border: 1px solid #196C19; border-radius: 16px; background-color: rgba(51, 161, 39, 0.5); color: #166116; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Wiki Page</a></div></div><div style="font-family: Papyrus, fantasy, sans-serif, Times New Roman; font-size: 60%; text-align: justify; text-shadow: 0px 0px 0px; margin: 4px 5px 0px 5px;">Order was made out of chaos - that is how the Mythron-friendly faction of Nerogue was founded when it rose from the sacking of Tomeu, and that is what (along with justice) the members of the order devote themselves to. Many Nerogueians are reformed outlaws, but they devote themselves all with a single-mind to the task of restoring peace and order to the world. This army's uniforms are dark green, and its formal colors are dark green, dark red, and black.
</div></div><!--



Outlaws div
--><div style="text-shadow: 0px 0px 2px #B8B8B8; font-size: 150%; font-family: Algerian, Papyrus, fantasy, sans-serif, Times New Roman; vertical-align: middle; margin: 5px 55px 10px 55px; background-color: rgba(204, 204, 204, 0.3); border-radius: 4px; padding: 5px;"><div style="display: inline-block; vertical-align: middle;"><div>Outlaws</div><div><a href="http://mocpages.com/group_conversation.php?id=22392&topicid=90100"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">Faction thread</a><br><a href="http://www.mocpages.com/group_conversation.php?id=22392&topicid=88813#comment-1182625"; style="font-size: 60%; font-family: serif; color: #8D8D8D; text-shadow: 0px 0px 0px;">points thread</a></div></div><img src="http://images.mocpages.com/user_images/84330/1371528870m_SPLASH.jpg"; border="2px" width="250" height="80" alt="" style="margin-left: 20px; border-radius: 8px; vertical-align: middle;"><div style="display: inline-block; vertical-align: middle; margin-left: 30px; text-align: center;"><div style="margin-bottom: 20px;"><a href="http://www.mocpages.com/group.php/23073"; style="width: 100px; height: 40px; border: 1px solid #818181; border-radius: 16px; background-color: rgba(98, 99, 99, 0.4); color: #44444; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Homepage</a></div><div><a href="http://lands-of-mythron-royal-archives.wikia.com/wiki/Outlaws"; target="_blank" style="width: 100px; height: 40px; border: 1px solid #818181; border-radius: 16px; background-color: rgba(98, 99, 99, 0.4); color: #44444; font-family: Helvetica Neue, sans-serif, Times New Roman; font-size: 70%; padding: 3px 6px 3px 8px; box-shadow: 0px 0px 5px #8F6A45;">Wiki Page</a></div></div><div style="font-family: Papyrus, fantasy, sans-serif, Times New Roman; font-size: 60%; text-align: justify; text-shadow: 0px 0px 0px; margin: 4px 5px 0px 5px;">Over the years - even before the Empire was divided - the brigands and outcasts of Mythron set up their own criminal network. The members of the Organization are largely loners without homes or many allies and prefer to roam Mythron on their own business, often fleeing or seeking revenge on those responsible for their exile. No colors are assigned to the Outlaws.</div></div><!--


Done with the faction boxes ^




main div for copy and paste html banners

--><div style="width: 500px; padding: 5px; margin: 30px auto 30px auto; background-color: rgba(194, 228, 252, 0.3); border-radius: 8px; font-size: 60%; box-shadow: 3px 2px 5px #B2B2B2"><span style="text-align: center; font-size: 150%;">Copy the html code below for your faction's banner to put on your homepage!</span><div style="width: inherit; font-size: 70%; padding: 5px;"><!--

header div ^



copy html banner code:
Mythron banner
--><span style="vertical-align: middle; font-size: 200%;">Mythron</span><div style="display: inline-block; padding: 0 3px 0 3px; margin: 2px 0px 2px 10px; background-color: #AFAFAF; border-radius: 4px; word-wrap: break-word; vertical-align: middle; text-align: left;"><xmp style="margin: 0; width: 400px;"><div><a href="http://www.mocpages.com/group.php/22392"><img src="http://images.mocpages.com/user_images/84330/1371528856m_SPLASH.jpg"; border="0" width="500" height="160" alt="Mythron" style="border-radius: 4px; box-shadow: 2px 2px 4px #A0A0A0;"></a></div><br></xmp></div><!--


Rainos banner
--><br><span style="vertical-align: middle; font-size: 200%;">Rainos</span><div style="display: inline-block; vertical-align: middle; padding: 0 3px 0 3px; margin: 2px 0px 2px 19px; background-color: #AFAFAF; border-radius: 4px; word-wrap: break-word; text-align: left;"><xmp style="margin: 0; width: 400px;"><div><a href="http://www.mocpages.com/group.php/22392"><img src="http://images.mocpages.com/user_images/84330/1371528859m_SPLASH.jpg"; border="0" width="500" height="160" alt="Rainos" style="border-radius: 4px; box-shadow: 2px 2px 4px #A0A0A0;"></a></div><br></xmp></div><!--


Enalica banner
--><br><span style="vertical-align: middle; font-size: 200%;">Enalica</span><div style="display: inline-block; padding: 0 3px 0 3px; vertical-align: middle; margin: 2px 0px 2px 15px; background-color: #AFAFAF; border-radius: 4px; word-wrap: break-word; text-align: left;"><xmp style="margin: 0; width: 400px;"><div><a href="http://www.mocpages.com/group.php/22392"><img src="http://images.mocpages.com/user_images/84330/1371528862m_SPLASH.jpg"; border="0" width="500" height="160" alt="Enalica" style="border-radius: 4px; box-shadow: 2px 2px 4px #A0A0A0;"></a></div><br></xmp></div><!--


Nerogue banner
--><br><span style="vertical-align: middle; font-size: 200%;">Nerogue</span><div style="display: inline-block; vertical-align: middle; padding: 0 3px 0 3px; margin: 2px 0px 2px 8px; background-color: #AFAFAF; border-radius: 4px; word-wrap: break-word; text-align: left;"><xmp style="margin: 0; width: 400px;"><div><a href="http://www.mocpages.com/group.php/22392"><img src="http://images.mocpages.com/user_images/84330/1371528868m_SPLASH.jpg"; border="0" width="500" height="160" alt="Nerogue" style="border-radius: 4px; box-shadow: 2px 2px 4px #A0A0A0;"></a></div><br></xmp></div><!--


Outlaws banner
--><br><span style="vertical-align: middle; font-size: 200%;">Outlaws</span><div style="display: inline-block; vertical-align: middle; padding: 0 3px 0 3px; margin: 2px 0px 2px 10px; background-color: #AFAFAF; border-radius: 4px; word-wrap: break-word; text-align: left;"><xmp style="margin: 0; width: 400px;"><div><a href="http://www.mocpages.com/group.php/22392"><img src="http://images.mocpages.com/user_images/84330/1371528870m_SPLASH.jpg"; border="0" width="500" height="155" alt="Outlaws" style="border-radius: 4px; box-shadow: 2px 2px 4px #A0A0A0;"></a></div><br></xmp></div></div></div><!--


done with html banners


--><!--






--><span style="margin-bottom: 15px;"><h3 style="margin-bottom: 1px; text-align: center;">Points and Ranks</h3><div style="border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 4px; margin-right: auto; margin-left: auto; width: 180px;"></div><p style="text-align: left; margin-left: 88px; margin-right: 88px;">Points allow you to rank up and perform special challenges in your faction group that grant you certain privileges. There are many possible ways to earn points:</br><br>Monthly Challenge Entries - 5 Points<br>Special Challenges - 5 Points<br>Winning a Challenge - 6-10 Points<br>Military Builder Challenges - 2-4 Points<br>Rank Challenges - 3 Points<br>Rogue Challenges - 4 Points<br>Freebuilds - 2 Points</p></span><!--





--><div style="margin-left: 88px; margin-right: 88px; margin-top: 2px;"><h3 style="margin-bottom: 1px;">Territories by Faction:</h3><div style="border: 3px solid rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 6px; margin-right: auto; margin-left: auto; width: 200px;"></div><a href="https://www.flickr.com/photos/101364785@N07/11316719475/sizes/l/"; target="_blank"><img src="https://farm4.staticflickr.com/3780/11316719475_08a33e718d.jpg"; alt="LOM territory" style="border-radius: 10px; box-shadow: 6px 6px 10px #B2B2B2; margin-bottom: 0px; margin-left: 0px;"></a><a href="https://www.flickr.com/photos/101364785@N07/11316719475/sizes/l/"; target="_blank" style="margin-bottom: 18px; float: right; background-color: #EBEBEB; border-radius: 1px; font-family: serif; font-size: 60%; color: #8D8D8D;">click to enlarge</span></a></div>
</div></div></div>

</td></tr></table>
<div style="background: url(http://images.mocpages.com/user_images/97537/1399577266m_SPLASH.jpg); position: relative; left: 730px; top: -3725px; border-radius: 8px; box-shadow: 0 0 12px gray; padding-top: 10px; padding-bottom: 10px;padding-left: 10px;padding-right: 10px; width: 425px;"><div style="padding-right: 500px;"><table style="background-color: rgba(117, 94, 40, 0.05); border-radius: 4px; padding-top: 5px;padding-bottom: 5px;">
Permalink
| December 12, 2014, 5:17 pm
^ There's the HTML for this group's homepage, for anyone interested in experimenting without building a page from scratch.
Permalink
| December 12, 2014, 5:19 pm
Quoting Gilbert Despathens
^ There's the HTML for this group's homepage, for anyone interested in experimenting without building a page from scratch.

Wow thanks, Gilbert!
Permalink
| December 12, 2014, 5:20 pm
Okay; a few hundred lines was an under exaggeration. I see. Well, thank you very much for your work; I will enjoy playing with these settings as I continue to teach myself HTML!
Permalink
| December 12, 2014, 5:21 pm
Quoting Bumblebee 5253
Quoting David FNJ
Okay, I'll put in a smaller link in there.

To make the links open a new tab, then do this

<a href="your normal link" target="_blank">hello</a>

It's the target="_blank" that does it
Where did you learn your HTML? I learned mostly from https://www.w3schools.com, but once I started to understand the very simple syntax it was easy from there ;). HTML is very intriguing and simple code, but it can be complex in it's style output, after all, it is web-designing, so it's very sensitive, I guess you could say. ;P
I learned at codecademy.com

Permalink
| December 13, 2014, 10:38 am
 Group admin 
Quoting Verticus Akkron
Okay; a few hundred lines was an under exaggeration. I see. Well, thank you very much for your work; I will enjoy playing with these settings as I continue to teach myself HTML!

Awesome! :)
Permalink
| December 13, 2014, 10:50 am
 Group admin 
Quoting Gilbert Despathens
^ There's the HTML for this group's homepage, for anyone interested in experimenting without building a page from scratch.

Yes, thanks Gilbert! I wouldn't have thought to do that.
Permalink
| December 13, 2014, 10:51 am
 Group admin 
Quoting Caleb S
I learned at codecademy.com

Nice! I haven't done much there yet.
Permalink
| December 13, 2014, 10:51 am
Quoting David FNJ
Nice! I haven't done much there yet.
Yeah. I learned all there is to html/css and some jquery!

Permalink
| December 13, 2014, 10:57 am
If you want, I would like to add you to my group to spice up a couple of things. how about it?
Permalink
| December 13, 2014, 10:59 am
 Group admin 
Quoting Caleb S
If you want, I would like to add you to my group to spice up a couple of things. how about it?

I can't at the moment, I'm working on some other things :/

But I can still join the group now and then add things here and there when I can!
Permalink
| December 13, 2014, 11:16 am
Ok! It is a private group, though and I want it to stay that way so don't change the rules. Thanks so much!
Permalink
| December 13, 2014, 11:20 am
How do you get the border around the group topics?
Permalink
| December 14, 2014, 11:46 am
 Group admin 
Quoting Caleb S
Ok! It is a private group, though and I want it to stay that way so don't change the rules. Thanks so much!

What's the group called?
Permalink
| December 17, 2014, 6:18 pm
 Group admin 
Quoting Caleb S
How do you get the border around the group topics?

Add this part at the end of a group description:

<div style="background: url(http://images.mocpages.com/user_images/97537/1399577266m_SPLASH.jpg); position: relative; left: 730px; top: -3725px; border-radius: 8px; box-shadow: 0 0 12px gray; padding-top: 10px; padding-bottom: 10px;padding-left: 10px;padding-right: 10px; width: 425px;"><div style="padding-right: 500px;"><table style="background-color: rgba(117, 94, 40, 0.05); border-radius: 4px; padding-top: 5px;padding-bottom: 5px;">

It's not so great though because different browsers show different heights of the group topics.
Permalink
| December 17, 2014, 6:20 pm
Other topics
« General conversation Updated Wednesday



LEGO models my own creation MOCpages toys shop CSS/HTML Group


You Your home page | LEGO creations | Favorite builders
Activity Activity | Comments | Creations
Explore Explore | Recent | Groups
MOCpages is an unofficial, fan-created website. LEGO® and the brick configuration are property of The LEGO Group, which does not sponsor, own, or endorse this site.
©2002-2014 Sean Kenney Design Inc | Privacy policy | Terms of use