![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
daphneblithe(Just for reference really, I am sure you all know this! :D But some of my author collabs have asked me how to post images and so I have written out how I personally do it here so I can link to this page in answer).
On ao3 the code I use for embedding images is (replacing LINK with the URL fo the actual image):
I hope it is useful :)
Embedding image
On ao3 the code I use for embedding images is (replacing LINK with the URL fo the actual image):
<b><center><img src="LINK" /></center></b>
(I did try using style etc tags to resize but my ao3 kept messing it up, so now I use CSS for that, see below)
On DreamWidth I use this, which resizes it helpfully:
<b><center><img src="LINK" style="max-width: 70%; height: auto; " alt="" /></center></b>
I ADORE this functionality, it makes my life SO much easier. I am indebted to @notlucy, @pineai_noir and @albymangroves for this.
Choose SKINS from the ao3 preferences. (On phone, it is in top right of screen).
Create a site skin and name it something, e.g. I call mine “Basic 90% skin”
Then it will show you ‘My Site Skin’s page’
Then in the CSS box type in this code:
Then go to, or create, your fic creation or edit page. (If it has chapters, then go to the main page with all the tags etc.)
Click ‘skins’ and choose the skin you named.
Save the fic.
The skin will remain in your work skins list and you can use it on any fic in future too, without having to do all the code again.
(You need to select that skin from the list every time you want to post a fic using it -- it does not default apply to any fic, you have to select it for each that you wish to use it.)
(I did try using style etc tags to resize but my ao3 kept messing it up, so now I use CSS for that, see below)
On DreamWidth I use this, which resizes it helpfully:
<b><center><img src="LINK" style="max-width: 70%; height: auto; " alt="" /></center></b>
Using a work skin so it appears correctly on phones
I ADORE this functionality, it makes my life SO much easier. I am indebted to @notlucy, @pineai_noir and @albymangroves for this.
Choose SKINS from the ao3 preferences. (On phone, it is in top right of screen).
Create a site skin and name it something, e.g. I call mine “Basic 90% skin”
Then it will show you ‘My Site Skin’s page’
Then in the CSS box type in this code:
Then go to, or create, your fic creation or edit page. (If it has chapters, then go to the main page with all the tags etc.)
Click ‘skins’ and choose the skin you named.
Save the fic.
The skin will remain in your work skins list and you can use it on any fic in future too, without having to do all the code again.
(You need to select that skin from the list every time you want to post a fic using it -- it does not default apply to any fic, you have to select it for each that you wish to use it.)
I hope it is useful :)
no subject
Date: 2019-04-15 06:58 am (UTC)no subject
Date: 2019-04-21 04:56 am (UTC)