Add image, resize image and make image clickable

merchantofzeny

sr. member

Activity: 1036

Merit: 279

Quote from: Script3d on April 15, 2019, 02:32:08 AM

i think you are not allowed to put images in signature, if we're allowed then people would stop making bbcode signature and just slap a link behind the picture.

Yeah, that made sense. I've seen a BBCode guide but haven't gotten to try it out coz I'm focusing on learning to draw.

Capt00

full member

Activity: 938

Merit: 105

Quote from: crwth on April 13, 2019, 11:19:48 AM

Let me add something that I think can be added to this tutorial. Let's say we have an image like this

<....>

The adding of only height or width would automatically retain its aspect ratio no matter what you input. You don't need to think about whatever combination of 1024x768 or something like that. It would save us time.

Napaka gandang information to kaibigan, ang pagkakaalam ko lang kasi download to Imgur at tsaka get share link. Hindi ko alam kung papaano ang pag adjust ng image size. Minsan kasi malalaki yung image awkward tingnan sa post. May katunangan po ako pwedi ba ang GIF ma post natin dito o tulad ng short video.

Script3d

hero member

Activity: 1232

Merit: 503

Quote from: merchantofzeny on April 15, 2019, 01:50:53 AM

Don't always post images but does it really have to be Imgur? If I remember I've posted images before from other sites so I assumed we can just use photos from any sharing site.

Also, are we still restricted with signatures? Can we insert images in it? I'm want to improve my profile appearance. Tried making animated avatar only to find out GIFs and aPNGs don't work (but used to).

no it does'nt have to be on imgur specifically, you only need a link for the picture to appear, it's just a coincidence besides there are alot of people who upload on imgur like me.

i think you are not allowed to put images in signature, if we're allowed then people would stop making bbcode signature and just slap a link behind the picture.

merchantofzeny

sr. member

Activity: 1036

Merit: 279

Don't always post images but does it really have to be Imgur? If I remember I've posted images before from other sites so I assumed we can just use photos from any sharing site.

Also, are we still restricted with signatures? Can we insert images in it? I'm want to improve my profile appearance. Tried making animated avatar only to find out GIFs and aPNGs don't work (but used to).

nakamura12

hero member

Activity: 2268

Merit: 669

Bitcoin Casino Est. 2013

It work kabayan. Sa tingin ko sized ang mga letter na yan, tama ba? Try ko din yung example mo and it work kung anong size gusto mo. Thank you for sharing this information which I don't know kaya makakapagresize na ako ng images na hindi ko na kailangan mag add ng width at height or kahit saan sa width at height na palagi kung ginagamit kapag may image ako na e post.
Working 100%

Sa tingin ko yung letter t ay "TINY" dahil nagtry ako mag-add ng t sa huli ng file name dahil mas malaki lang ng kaunti sa S yung T.

crwth

copper member

Activity: 2940

Merit: 1280

https://linktr.ee/crwthopia

Let me add something that I think can be added to this tutorial. Let's say we have an image like this

Yung ratio niya on the board itself is yung kung anong pixel size niya. Malaki talaga yung image kasi high quality din.

So there are two ways to resize it.

Add letters "s,b,t,m,l,h" add the end of the File Name or the uploaded file name
Add "width=X" or "height=y"

For the first one. This only works when you upload it in imgur.

Code:

[img]https://i.imgur.com/YIPNDO4.png[/img]

The letters s,b,t,m,l,h should be added at the end like this

Code:

[img]https://i.imgur.com/YIPNDO4s.png[/img]

Code:

[img]https://i.imgur.com/YIPNDO4l.png[/img]

Easy as that!

For the second one

I have discovered that you could just add "width" or "height", not both. Like this

Code:

[img width=300]https://i.imgur.com/YIPNDO4.png[/img]

or

Code:

[img height=200]https://i.imgur.com/YIPNDO4.png[/img]

So in summary

You could add a letter (if you are using imgur) to determine if it would be a small square, big square, a small thumbnail, medium thumbnail, large thumbnail, and huge thumbnail. s,b,t,m,l,h respectively.

The adding of only height or width would automatically retain its aspect ratio no matter what you input. You don't need to think about whatever combination of 1024x768 or something like that. It would save us time.

bisdak40

hero member

Activity: 2072

Merit: 542

DGbet.fun - Crypto Sportsbook

Just trying the tutorial....

Edit: I am very happy na for the first time in almost two years here, i have add image for the very first time....
Thanks OP for this tutorial.

Strufmbae

member

Activity: 486

Merit: 27

HIRE ME FOR SMALL TASK

Natatawa ako kasi tinatry ko mag post na may kasamang image at nakadalawa na ako ng thread na inopen na may kasamang image, di ko ma estimate ng maayos pa kung panu yung saktong sizes pero sa tingin ko okay naman na, at naiintindihan Rin.

Maraming thank you sir natuto ako at nagamit ko rin. Hahaha, want more tuts from you.
These are the link kung san inaaply ko yung tutorial.

https://bitcointalksearch.org/topic/m.40713497

https://bitcointalksearch.org/topic/m.40643405.

Check niyo nalang po sir kung okay ba.

Thanks po haha

-
Plus 2 merit because this thread is useful and i was able to apply it within the two links given above.

nakamura12

hero member

Activity: 2268

Merit: 669

Bitcoin Casino Est. 2013

Quote from: Gwapoman on June 04, 2018, 12:32:41 AM

Epektib nga siya kabayan!.mahusay..salamat sa pgshare ng impormasyon nato at ibobookmark ko natong post na to para sa mga future uses na kailangan ko mg post ng mga imahe..maraming salamat ulet kabayan..

Epektibo nga ito dahil nakakatulong din ito sa akin at asahan no rin ang ibang post ni theyoungmillionaire dahil ang ibang post niya ay nakatulong sa akin at siya ang dahil bat ako nakatanggap ng merit. Tingnan mo pa yung ibang thread nya at makakatulong din sa iyo.

Gwapoman

jr. member

Activity: 252

Merit: 8

Epektib nga siya kabayan!.mahusay..salamat sa pgshare ng impormasyon nato at ibobookmark ko natong post na to para sa mga future uses na kailangan ko mg post ng mga imahe..maraming salamat ulet kabayan..

theyoungmillionaire

sr. member

Activity: 375

Merit: 1021

Just in case no one loves you, I love you 3000.

Quote from: In the silence on April 06, 2018, 05:25:31 AM

Napakalinis at knowledgeable ng tutorial mo OP, ganyan pala ang dapat kong gawin kapag nagpost images, palaging error saken eh. Mabuti at tinranslate mo yan para malaman ng mga baguhan lalo na sa walang alam sa codes gaya ko.

Nice to hear na nakatulong ako sau kaibigan... gusto ko kasi gumawa ng ganito dito sa bitcointalk kaso meron na nga ng english kaya ginawa ko na lng sa tagalog version.

In the silence

sr. member

Activity: 1297

Merit: 294

''Vincit qui se vincit''

Napakalinis at knowledgeable ng tutorial mo OP, ganyan pala ang dapat kong gawin kapag nagpost images, palaging error saken eh. Mabuti at tinranslate mo yan para malaman ng mga baguhan lalo na sa walang alam sa codes gaya ko.

theyoungmillionaire

sr. member

Activity: 375

Merit: 1021

Just in case no one loves you, I love you 3000.

[Tutorial:Filipino Version] Paano magdagdag ng imahe, baguhin ang laki ng imahe at gumawa ng imahe na pwede mo i-click

PAANO MAG-INSERT NG IMAGE?

Ang pagdagdag ng imahe sa iyong post ay hindi na mahirap, kailangan mo lamang sundin ang mga hakbang na ito (pakitandaan na kailangan mong maging nasa mas mataas na posisyon kaysa sa Newbie. Click para makita ang Rank Requirements):

Step 1: I-upload ang iyong larawan sa site tulad ng https://imgur.com/. Pagkatapos ay mayroong dalawang paraan:
- Para sa mga imahe na hindi ".png", maaari mong i-right click lang ang larawan sa Kopyahin ang Address ng Larawan/Copy Image Address. Makakakuha ka ng ilang link na katulad nito: https://i.imgur.com/lUr20xA.jpg
- Ang isa pang paraan ay gumagana para sa lahat ng format ng imahe, maaari mong i-click ang listahan ng dropdown sa kanan ng "Copy" button, tapos piliin "Get share links", and i-copy ang "BBCode(Forums)".
Step 2: Gamitin ang sumusunod na code sa iyong post:

Code:

[img]https://i.imgur.com/lUr20xA.jpg[/img]

Ito ang makikita mo pagkatapos mong ipasok ang code sa itaas sa iyong post:

PAANO I-RESIZE ANG IYONG IMAGE?

Maaari kang magdagdag ng lapad at taas sa code upang baguhin ang laki ng imahe, ang magiging hitsura ng code na ito:

Code:

[img width=200 height=150 alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img]

Ang makikita mo pagkatapos ng pagbabago ng laki:
image loading...

Maaari mo ring idagdag ang alt property sa img tag upang kahit na ang iyong imahe ay naglo-load pa rin, ito ay magpapakita ng ilang mga teksto upang ang gumagamit ay alam na mayroong ilang mga imahe lilitaw sa ibang pagkakataon.

PAANO GAWIN ANG CLICKABLE IMAGE?

Kung gusto mo ang iyong imahe clickable (sa sandaling i-click ang pag-redirect sa isa pang website), maaari mong gamitin ang sumusunod na code sa iyong post:

Code:

[url=https://bitcointalksearch.org/topic/cryptocurrency-lingoslang-3250658][img]https://i.imgur.com/S4Hsd2s.png[/img][/url]

Sa ganitong paraan kapag na-click mo ang larawan, dadalhin ka nito sa isa pang website (halimbawa:Cryptocurrency Lingo/Slang). Maaari mong subukan sa ibaba:

Note:
- Newbie HINDI pwede post image. Link lang ang lalabas pag newbie ang nagpost.
- imgur link DAPAT merong jpg/jpeg/png extension. Ang link sa isang album sa imgur ay magreresulta sa error sa proxy.

Source
Be Positive

Topic: Add image, resize image and make image clickable (Read 627 times)