inherit
243611
0
Jun 25, 2018 12:12:32 GMT -8
shamrocklass
39
April 2017
shamrocklass
|
Post by shamrocklass on Oct 19, 2017 17:47:17 GMT -8
Tag: TumbleweedThis is brilliant thank you so much! I love it!! no problem!!
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 19, 2017 21:19:52 GMT -8
You're welcome. (There were some things I wanted to fix on that for the smaller devices (phones) but just never got to it.)
Now with the staff one, you can put the whole thing including the style stuff right in the side bar content box if you want but the css will need style tags around it. Otherwise, you can add the styles part to the bottom of your style sheet:
The HTML part: (Keep in mind the scroll bars won't appear until you add enough content to make them appear.
<!--Staff one--> <div class="staff_wrap"> <div class="right_inner1" style="float:left;"> <div class="bh2">Shamrocklass</div> <div class="my_content" style="direction:rtl;padding-right:4px;"> Content one here. </div> </div> <div class="imageWrapper" style="float:right;"> <img src="http://via.placeholder.com/40x80/ab7760"> <div class="hover_stuff">Admin</div> </div> </div> <p style="clear:both;height:20px;"></p>
<!--Staff two the sections are swapped so don't let it confuse you--> <div class="staff_wrap"> <div class="imageWrapper2" style="float:left;"> <img src="http://via.placeholder.com/40x80/ab7760" style="float:left;"> <div class="hover_stuff2">GMod</div> </div>
<div class="left_inner1" style="float:right;"> <div class="bh2"style="text-align:right;">Tumbleweed</div> <div class="my_content"> Content two here </div> </div> </div> <p style="clear:both;height:20px;"></p>
<!--Staff three--> <div class="staff_wrap"> <div class="right_inner1" style="float:left;"> <div class="bh2">Itsomeone</div> <div class="my_content" style="direction:rtl;"> Content three here </div> </div> <div class="imageWrapper" style="float:right;"> <img src="http://via.placeholder.com/40x80/ab7760" style="float:right;"> <div class="hover_stuff">Mod</div> </div> </div> <p style="clear:both;margin-bottom:8px;"></p> The css:
/*Sidebarr-staff section*/ .staff_wrap{margin-bottom:14px;} .staff_wrap .my_content{width:140px;height:64px;font-size:8px;overflow:auto;text-align:justify;padding:2px;} .staff_wrap .bh2{width:140px;font: 13px copperplate; color: #615853; text-transform: uppercase; letter-spacing: 2px;font-weight: none;line-height:14px; margin-bottom:5px;border-bottom:1px solid black; } .staff_wrap .left_inner .bh2{width:110px;font: 12px copperplate; color: #615853; text-transform: uppercase; letter-spacing: 2px;font-weight: none;margin:8px;width:200px;line-height:14px; margin-bottom:5px;border-bottom:1px solid black; } .staff_wrap .imageWrapper {position: relative;} .staff_wrap .imageWrapper img {display: block;} .staff_wrap .imageWrapper .hover_stuff {opacity: 0;position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 2px 0px; color: #ffffff; font-size:10px; text-decoration: none; text-align: center; -webkit-transition: opacity 500ms;-moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .staff_wrap .imageWrapper:hover .hover_stuff {opacity: 0.8;} .staff_wrap .imageWrapper2 { position: relative;} .imageWrapper2 img {display: block; } .staff_wrap .imageWrapper2 .hover_stuff2 { opacity: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 2px 0px; color: #ffffff; text-decoration: none; text-align: center; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; font-size:10px; } .staff_wrap .imageWrapper2:hover .hover_stuff2 {opacity: 0.8;} .staff_wrap hr{width:40px; }
Any questions or problems, just ask.
|
|
inherit
243611
0
Jun 25, 2018 12:12:32 GMT -8
shamrocklass
39
April 2017
shamrocklass
|
Post by shamrocklass on Oct 20, 2017 10:17:06 GMT -8
Tumbleweed, nope so far everything is working perfectly!! thank you so much! I really appreciate everything.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Oct 20, 2017 22:56:47 GMT -8
That's good to hear. Have fun with your site.
|
|