Skip to Main Content
yana! (
yanyan
) wrote in
cawaii
2014
-
01
-
14
09:40 pm
Entry tags:
#navigation
,
*codes
42nd: someday
Another simple navigation code. The color used here is
#d8d48d
, but feel free to change it! If you add/remove links, you may have to play with the
top: -56px; left: 30px;
portion of the code to place the links list back in position.
APPLICATION
HMD
PERMISSIONS
IC INBOX
CR CHART
THREADS
CODE
<raw-code><center> <div style="width: 450px; font: 12px ms gothic, monospace; letter-spacing: 1px;"> <div style="width: 150px; text-align: left; position: relative; top: -56px; left: 30px; z-index: 1; display: inline-block;"> <a href="LINK" style="text-decoration: none;"><div style="background: #ffffff; color: #000000; padding: 5px; border-left: 10px solid #d8d48d; box-shadow: #999999 1px 1px 3px;">APPLICATION</div></a> <a href="LINK" style="text-decoration: none;"><div style="background: #ffffff; color: #000000; padding: 5px; border-left: 10px solid #d8d48d; box-shadow: #999999 1px 1px 3px;">HMD</div></a> <a href="LINK" style="text-decoration: none;"><div style="background: #ffffff; color: #000000; padding: 5px; border-left: 10px solid #d8d48d; box-shadow: #999999 1px 1px 3px;">PERMISSIONS</div></a> <a href="LINK" style="text-decoration: none;"><div style="background: #ffffff; color: #000000; padding: 5px; border-left: 10px solid #d8d48d; box-shadow: #999999 1px 1px 3px;">IC INBOX</div></a> <a href="LINK" style="text-decoration: none;"><div style="background: #ffffff; color: #000000; padding: 5px; border-left: 10px solid #d8d48d; box-shadow: #999999 1px 1px 3px;">CR CHART</div></a> <a href="LINK" style="text-decoration: none;"><div style="background: #ffffff; color: #000000; padding: 5px; border-left: 10px solid #d8d48d; box-shadow: #999999 1px 1px 3px;">THREADS</div></a> </div> <div style="height: 250px; width: 250px; background: #ffffff; border: 10px solid #d8d48d; padding: 10px; border-radius: 50%; box-shadow: #999999 1px 1px 3px; position: relative; z-index: 1; display: inline-block;"> <img src="250x250 IMAGE HERE" style="height: 250px; width: 250px; border-radius: 50%; box-shadow: #999999 1px 1px 3px;"> </div> </div> </center></raw-code> <small>code by <user name=cawaii></small>
Flat
|
Top-Level Comments Only
no subject
theoreitical
2015-09-10 05:48 am (UTC)
(
link
)
GORGEOUS coding, definitely using with credit. TY ♥!
1 comment
Post a new comment
Flat
|
Top-Level Comments Only
Log in
Account name:
Password:
Remember me
Other options:
Forget your password?
Log in with OpenID?
Close
menu
Log in
Create
Create Account
Display Preferences
Explore
Interests
Directory Search
Site and Journal Search
Latest Things
Random Journal
Random Community
FAQ
Shop
Buy Dreamwidth Services
Gift a Random User
DW Merchandise
Interest
Region
Site and Account
FAQ
Email
no subject