code support | Questions about service

bemethavinci

Graham ok...thank you so much for your attention sir graham...im always pleased,let me do somethinq on the site...

# 2017-03-07 09:38 · (0)

bemethavinci

bemethavinci good day sir graham...please,how do i create a boxed thumbnail with a transparent black box link text in it and where is it placed using html and css.

# 2017-03-09 08:31 (edited 2017-03-09 08:34 by bemethavinci ) · (0)

Graham

bemethavinci
Position the text in .image-container .text class
http://baretest.xtgem.com/tests/imtxt

CSS

.image-container {
    position: relative;
}
.image-container img {
    max-width:100%;
    border:2px solid ;
    border-radius:4px;
    display:inline-block;
}
.image-container .text {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding:4px;
    display: inline-block;
    color: #FFF;
    background: rgba(0, 0, 0, .6);
}

Copy code

HTML

<div class="image-container">
<img src=" YOUR IMAGE " />
<div class="text">This is some content</div>
</div>

Copy code

# 2017-03-09 14:51 (edited 2017-03-09 15:09 by Graham ) · (0)

bemethavinci

Graham haaa..just as i wanted...thank you sir graham...but how do i create the web and mobile view of my blog

# 2017-03-09 15:07 · (0)

Graham

bemethavinci No idea
That depends on your template
A good responsive template uses the same HTML it's only the css that changes
thats why I like bootstrap it does it for you
So do xtgem's templates but they are really mobile templates anyway just with a few extras for web devices
That test page is 2 column on web and 1 column on mobiles

# 2017-03-09 15:32 (edited 2017-03-09 15:46 by Graham ) · (0)

bemethavinci

Graham haa...bootstrap is complicating and hard to code for me...thats why i dont know it that much...what do you think

# 2017-03-09 21:51 · (0)

bemethavinci

bemethavinci good day sir graham...i was searching for an xtgem tutor and i found this xtgem site@parasolid.xtgem.com...and click the link to see his posts are in .html not ''/index/__xtblog_entry/11268627-usher-scream-audio?__xtblog_block_id=2#xt_blog'' and tell me how he made the blog without using xtgem blog features?

# 2017-03-10 10:06 · (0)

Graham

bemethavinci He is not using xtgems blog on that site in fact that sites blog is empty
It's just linked html pages
his comment system uses htmlcommentbox
bootstrap is really very simple
you can just ignore a lot of the fancy stuff like drop menus because it is not really 'mobile friendly'
operamini and ucweb on older mobiles will fail to display them
the basic structure to create a decent responsive page for all devices is pretty simple
rows columns panels buttons and lists are all you really need to start with
everything else is just fluff
you can add it later

# 2017-03-10 14:23 (edited 2017-03-10 15:07 by Graham ) · (0)

bemethavinci

Graham bootstrap is not good in some mobile browser like uc browser unlike foundation...

# 2017-03-10 15:24 · (0)

Graham

bemethavinci why ?
I guess as long as it creates a reasonable responsive page
it does not matter what template you use

# 2017-03-10 16:06 (edited 2017-03-10 16:09 by Graham ) · (0)