A Quick Programming Help For Smoke Noobs

19 days ago

Making That Pretty Post

The following 'Table' code snippet can be used freely as it is basic #knowledge.

<center>
<table>
<tr>
<td>

## Some Text I Might Type <br>Along With The Image Next To It

</td>
<td>

![xxxxxxxxxxxxxxxxxxx.jpg](https://smoke.io/imageupload_data/620facb7a9fa46264a0087173af5467d94a15b7a)

</td>
</tr>
</table>
</center>

By using the above layout in your #blog post, you can #structure your posts to be more flowing. By the use of different sized images, and the:

<br>

tag to force line feed carriage return, your posts can start to take on more of a life than just the straight top to bottom blah. (Not that there is anything wrong with that) If I just paste the code #snippet bellow this text you'll see what it does.


Some Text I Might Type
Along With The Image Next To It

xxxxxxxxxxxxxxxxxxx.jpg


If I paste it again but change the pic and text plus swap their location. Basically flip where they are located in the code snippet. This is the result:

vvcvcvcvcvcvv.jpg

Some Text I Might Type
Along With The Image Next To It


By using these simple techniques, you can direct the users attention in a particular direction. This allows you to use more of a structured approach to your blog spots, coupled with the unique way you organize your pictures and paragraphs. You can stand out in this ever increasingly used thing we call the blockchain.

Smoke, Get Paid, Repeat!

Relay



Get 4.2 Free Smoke Power On Sign Up To Start Your Journey On Smoke! The First Cannabis Community That Pays You To Post And Curate Content You Love..
Sort Order:  Trending

The Smoke.io app supports pull-left and pull-right for floats.

So if you want an image float, or a quote, at the right you can just use the following code. No need for the complicated table HTML. :)

<div class="pull-right"><img src="imagelinkhere" /></div>

pull-left if you want it to float at the left. The float will be maximum 50% of the width, if image is that large. Less when using smaller images.

Sadly enough the floats aren’t responsive [yet]. But it is a nicer solution for people who make use of screenreaders/visually impaired people than using a table [semantic use: data].

Let’s keep the internet accessible to everyone. 🤘

·

Welp, when they become responsive please let me know! That is a nicer, easier snip. However, right now it seems I need to expressly state where Smoke will put my images and content. So it appears exactly where I would like it.

edit Also, not sure where the complication is in that table code. That is the most rudimentary html out there. On a side note you are correct, keep the internet accessible to everyone, why I like the fact Smoke being based off of Steem also supports standard simple html! :)

·
·

How did you post the code snippets, I have not figured out how to comment out the html yet

·
·
·

[Github] Markdown: put in between three backticks. Two for inline.

Seems pre/code doesn’t work and still parses the HTML in it; even when using HTML entities. facepalm

·
·
·
·

Oh yeah, thanks that is I needed, a refresher!

·
·
·

Four spaces at the beginning of a line

·
·

I passionately dislike the HTML for tables (btw it’s one of the few things Github Markdown has, so you can make columns with | as well). The tables aren’t responsive either.

On small devices it just keeps the two columns for both solutions. Although I have forwarded the CSS snip to make it responsive on devices smaller than 640px.

·
·
·

Being a coder from prior to internet days, HTML is so fluent for myself. I can understand ones passion! I am very interested in the responsiveness of the different functions and features that Smoke is aware of. Maybe you could do a Quick Programming for Novice posts? Consider that a request.

·
·
·
·

Will get that done in the next 36 hours. In fact styling a post is one of only 3 more questions I have to add to add to the unofficial SMOKE FAQ. Ironically enough, Zoho doesn’t have responsive images for its knowledge base. facepalm.

·
·
·
·
·

@unnamed i will look at "styling a post",when you add it u.s.faq. thanks.

·
·
·
·
·
·

It’s pretty much the “Github Markdown” 101.

There isn’t much styling, because that specific MD is very basic. Smoke has mostly also pull-left/right as additional styling options and that’s pretty much it. Pull-left/right can also be used to post in columns.

That’s by design because everything is submitted to the same blockchain, many (d)apps can build on. By keeping styling basic other apps need to adopt less “features” and used styling can work anywhere across the board.

·

Herea some trippy html for ya!

divider

... Original Photography 03/03/19 by @hightimes!

Today I was out taking some bud photography with my iPhone through a magnifying glass! The magnifying glass is actually my 10X zoom lens I usually screw on to my Cannon 80D Camera. Today I was trying something different


# Follow @hightimes for more! ––>
·
·

Hi @hightimes , could you write the code you used on that collage for us? very interested in finding out how it is done

·
·
·

Doesn’t look good on smaller screens though. It’s a gimmick, but generally there’s a reason why most platforms don’t offer those features.

The reason being: most people are not designers, giving them the tools is only going to end up like MySpace and Geocities pages. :P

Plus, it may not work in other dApps as they may need to also adopt the code. That’s one of the “issues* in blockchain. Central (decentralized) ledger used by all dApps. Keep it simple rather than give them thousands of options they need to adopt to make sure every kitchen sink feature ever used works.

·
·

I replied to the wrong comment. To get the comment out html start your line with four spaces.

edit nope sorry just stoned! Get yourself some Mountain Jam!

·
·
·

Almost as big a mess as manually escaping. ¯\_(ツ)_/¯

cool stuff

Why must it be so difficult.

·

It isn’t. Just use pull-left/right (see my initial comment). Much better and much more accessible. Plus it doesn’t come with vertical alignment issues in cells.

Thanks mate, another thing i learned today ;-)

·

Please use pull-left/right. Much better and much more accessible. Plus it doesn’t come with vertical alignment issues in cells.

·
·

I do use pull-left right ;-),This seamed to work differently when I tried it, but didnt check on my cell phone

·
·
·

These are good old fashioned tables. But they come with their own “issues” when not used for data. Additionally they are less accessible for people with visual impairments/using screen readers.