InsaneJournal
Tweak says, "Idiot-to-English translator"
Username:
Password:
Remember Me
Create Account
IJ Login
OpenID Login
Search by
:
Username
E-mail
Region
Interest
AOL IM
ICQ Number
Yahoo! ID
MSN Username
Jabber
View
Create Account
IJ Login
OpenID Login
Journal
Post
Edit Entries
Customize Journal
Comment Settings
Recent Comments
Manage Tags
Account
Manage Account
Viewing Options
Manage Profile
Manage Notifications
Manage Pictures
Manage Schools
Account Status
Friends
Edit Friends
Edit Custom Groups
Friends Filter
Nudge Friends
Invite
Create RSS Feed
Asylums
Post
Asylum Invitations
Manage Asylums
Create Asylum
Site
Support
Upgrade Account
FAQs
Search By Location
Search By Interest
Search Randomly
Rose Freeman Ward (
ciacounter
) wrote in
saveatlantisic
,
code
<lj-raw><center><lj-cut text="cut for pictures"> <div style="box-sizing: border-box; width: 400px; margin: 15px auto; padding: 0; border: 1px solid #e6e6e6; border-radius: 3px; text-align: justify; font-family: 'gill sans mt', 'gill sans', arial, sans-serif; color: #262626; font-weight: lighter;"> <div style="clear: both; width: 100%; height: 400px; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 0; overflow: hidden;"> <!--img one--> <a name="one"></a> <div style="box-sizing: border-box;background: url(IMAGE ONE) no-repeat center; background-size: 100%; box-sizing: border-box; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <a href="#two" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> <!--img two--> <a name="two"></a> <div style="box-sizing: border-box;background: url(IMAGE_TWO) no-repeat center; background-size: 100%; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <a href="#one" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <a href="#three" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> <!--img three - code to copy to add additional images!--> <!--anchor name-you cannot use actual digits. I find just spelling the number easiest to track--><a name="three"></a> <!--change the background image for this div for additional images--><div style="box-sizing: border-box;background: url(IMAGE_THREE) no-repeat center; background-size: 100%; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <!--should link to the anchor name assigned to the image directly preceding this one--> <a href="#two" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <!--should link to the anchor name assigned to the image directly following this one--><a href="#four" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> <!--add additional images here, using the code for img 3 as a guide. don't forget to update anchor names and links--> <a name="four"></a> <div style="box-sizing: border-box;background: url(IMAGE_FOUR) no-repeat center; background-size: 100%; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <!--don't forget to change the reference for this link if you've added images--><a href="#three" style="float: left; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #fff; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> </div> </div> </div></lj-cut></center></lj-raw>
(
Read comments
)
Post a comment in response:
From:
( )
Anonymous
- this asylum only allows commenting by members. You may comment here if you are a member of
saveatlantisic
.
( )
OpenID
InsaneJournal user
Username:
Password:
Login?
Don't have an account?
Create one now
.
Subject:
No HTML allowed in subject
Don't auto-format:
Message:
Check spelling during preview