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
Other topics
Questions Updated today
« General conversation



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