News: TinyPortal Release Schedule. Please read this update for More Info.

Login  |  Register
HTML5 Icon HTML5 Icon
TP on Social Media
Welcome, Guest. Please login or register.
Did you miss your activation email?

July 17, 2019, 06:29:09 PM

Login with username, password and session length

Recent

Members
Stats
  • Total Posts: 188520
  • Total Topics: 20737
  • Online Today: 266
  • Online Ever: 629
  • (November 08, 2018, 01:36:54 PM)
Users Online
Users: 0
Guests: 24
Total: 24

Author Topic: Welcome block for bigguy  (Read 1451 times)

0 Members and 1 Guest are viewing this topic.

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #10 on: December 28, 2018, 09:41:15 AM »
@@rjen: You updated the code for the 3 blocks, that's very cool. I will change this later today. Almost time to go to work. :(

Offline @rjen

  • Support Team
  • *
  • Posts: 1695
    • FJR-club Nederland
Re: Welcome block for bigguy
« Reply #11 on: December 28, 2018, 09:42:15 AM »
haha, that's unfortunate: you will have to wait to play....  O0
Running TP1.6.3 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #12 on: December 28, 2018, 10:44:54 AM »
I know, it really sucks, lol.  :'(

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #13 on: December 28, 2018, 04:33:14 PM »
Now I get to play, lol. Well, for a bit I gotta go get the wife. I have to say, those blocks look real good. Very nice job and thank you for taking the time to do that. :)

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #14 on: December 28, 2018, 08:28:48 PM »
I know this isn't the thread for this so I will be quick. I gotta say not only is TP runnin like a champ, but those three blocks look awesome. Everything looks good in chrome on my phone and tablet. Really great job guys. Thanks for all the hard work.

Offline lurkalot

  • Administrator
  • *
  • Posts: 6074
    • Camera Craniums
Re: Welcome block for bigguy
« Reply #15 on: December 29, 2018, 03:36:19 AM »

I know this isn't the thread for this so I will be quick.


You can chat about it as much as you like here now, @rjen has spit this subject into a new topic. Thanks @rjen  O0

I gotta say not only is TP runnin like a champ, but those three blocks look awesome. Everything looks good in chrome on my phone and tablet. Really great job guys. Thanks for all the hard work.

Thanks for the feedback. I agree, that block is really nice now, might use it myself at some point. Love the way it stacks on mobile.  Your front page scales nicely now when adjusting screen size, where before it just added a scrollbar. Should be good for your mobile users.

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #16 on: December 29, 2018, 12:25:28 PM »
Yeah the stackability is very cool. It just looks more sharp and clear I think. I did have to make one modification. In the css for the title. I noticed that the title in the first block was 1px lower than the others, letting the background show through at the top of the title. So there was a line in there about !important or something. I took it out and all lined up....wait now, I think I made another change as well to something. I will have to look. I'll get back to ya, lol.  :doh:

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #17 on: December 29, 2018, 12:52:32 PM »
It was something in the style I changed. Here is my code for that area. I just can't remember what I changed. I have done a lot of editing lately, lol.
Code: [Select]
<style>
#row {
    float: left;
    width: 100%;
    border-spacing: 10px;
}
.boxtitlebg {
    display: flex;
    align-items: center;
    justify-content: center;
}
.genblock {
    display:table-cell;
    width:32%;
    height:100%;
    border-radius: 8px;
    padding-bottom:10px;
    margin-bottom:10px;
}
#block1 {
    background-color:#88f793;
}
#block2 {
    background-color:#f7ec79;
}
#block3 {
    background-color:#f9bd6d;
}

@media all and (max-width: 900px) {
.genblock {
    display:block;
    width:100%;
}
}
</style>

Offline lurkalot

  • Administrator
  • *
  • Posts: 6074
    • Camera Craniums
Re: Welcome block for bigguy
« Reply #18 on: December 29, 2018, 01:05:48 PM »
Yeah the stackability is very cool. It just looks more sharp and clear I think. I did have to make one modification. In the css for the title. I noticed that the title in the first block was 1px lower than the others, letting the background show through at the top of the title. So there was a line in there about !important or something. I took it out and all lined up....wait now, I think I made another change as well to something. I will have to look. I'll get back to ya, lol.  :doh:

Mines stock code apart from the spacing between titles and images.  Does that show the same problem you were having, or is the title in the first block ok? http://cctestsite.info/testsite3/

Offline bigguy

  • Beta Tester
  • *
  • Posts: 246
  • Be Nice...
    • What's Ur Beef
Re: Welcome block for bigguy
« Reply #19 on: December 29, 2018, 02:48:05 PM »
No that all seems fine. Not sure why mine showed up weird. It shows up perfect for me now.