Deviant Login Shop  Join deviantART for FREE Take the Tour
About Varied / Hobbyist Member Ret SamysMale/Unknown Groups :icondreamers-welcome: Dreamers-Welcome
If you are a dreamer, come in!
Recent Activity
Deviant for 3 Years
Needs Premium Membership
Statistics 220 Deviations 9,824 Comments 13,103 Pageviews

Newest Deviations

Random Favourites

Critiques

Just My Imagination by ReneeSjoer

After having had the chance to look at some of your work, I still have complex feelings about the format you post your paintings as. To...

Airy flying color (animation) by BlueIrisFlower

OK, this is my first Critique. I hope I'm doing it right Well, this is a good one! The steps of the dragon (seemingly?) wiggling, movin...

Webcam

Watchers

Commissions

Gedichte (auf Deutsch) [German poetry]
PDF Witch's Revenge Sheet Music by RetSamys
Kostenlos
Ich biete meine Dienste als Schreiber an! Ohne einen müden Cent von euch zu verlangen. Einfach nur um Spaß zu haben, um fit zu bleiben und um anderen ein Freude zu bereiten.

Ihr braucht einen schönen Spruch in Reimform für einen Geburtstag? Euer Lieblingsmärchen soll als Gedicht aufblühen? Ihr habt ein Thema und könnt gar nicht genug davon lesen? Liedtexte? Kleine Liebesschmeicheleien? Übersetzungen Gedichte, die auf fremdsprachigen Texten beruhen (Englisch, Französisch)?
Dann schreibt mich einfach an, entweder hier auf deviantArt oder über dieses Kontaktformular.

Wünsche wie Länge des Gedichts, Reimschema, Metrum, und mehr sind kein Problem. Die Gedichte werden wie immer unter der Lizenz CC BY-ND (Namensnennung - Keine Bearbeitung) veröffentlicht.

Ich behalte mir das Recht vor, Aufträge abzuweisen.

deviantID

RetSamys's Profile Picture
RetSamys
Ret Samys
Artist | Hobbyist | Varied

Click here to contact me


  • deviantART friends or contacts and strangers I like having contact with:

    :icontoddntheshiningsword::icondannawi::iconsitintheshade::iconluisbc::iconjwa2277:
    Check them out!




I write German poems for free. Commission information

I make animations, create vector graphics, write German poems, I draw from time to time and I am trying out some typography. Oh, I also code some CSS when I'm bored, do that for free, too.

You can use most of my art for free because I published it under a Creative Commons license. Make sure you credit me by using my name (Ret Samys) and ideally link back to me.
If you want to, drop me a line about what you have done with it.



Ich verfasse für euch kostenlos Gedichte. Schaut euch meine Gallerie an, schreibt mir eine Nachricht oder informiert euch über sonstige Aufträge.

Ihr könnt fast alles aus meiner Gallerie kostenlos benutzen, da ich die meisten Werke unter einer Creative-Commons-Lizenz veröffentlicht habe. Vergesst nicht, meinen Namen (Ret Samys) zu nennen, am allerbesten verlinkt ihr mich auch noch.
Wenn ihr wollt, könnt ihr mir gerne schreiben, was ihr damit angestellt habt.

Interests

AdCast - Ads from the Community

×

Groups

Donate

RetSamys has started a donation pool!
392 / 1,000
Help me get more Points!

You must be logged in to donate.
:iconqoaties:Anonymous:iconmysticallight::iconfluffy11cat::iconedgeoffear::iconcookie-le-creepe::icondoragon-hane::icontoddntheshiningsword::iconliving-in-whimsy::iconsorasongz:

Comments


Add a Comment:
 
:iconxxdemonic-entityxx:
xXDemonic-EntityXx 2 days ago  Student General Artist
Hey Samy.
I just have a quick question,
How exactly do you code Journal skins? I dont have one to code right now but..
I just wanna know how you do it, If you could explain.
Reply
:iconretsamys:
RetSamys 1 day ago  Hobbyist General Artist
Call me Ret. Samys is my last name.
I'm not good at teaching CSS coding to people, but I can try.

Let's start with the basics. The page where you write your Journal entries is also the page to edit or create your Journal Skin. Click on "Edit Skin" on the right. A new box will open. You will see four text fields. The first one is for the name of the Skin. The second one and the last one are for HTML (we will get to that later, if needed). The other one is for CSS. This is the one we are interested in. Before I teach you how to code a Skin, let's go through the navigational options with this example code:

.journalbox{
background:white;
color:blue;
border-radius:30px;
}


Copy the code and paste it into the text field below "Skin CSS", the text field that I was referring to earlier.
Click on "Preview" on the bottom of the box. A new window will open, with a preview of what the Skin will look like.
Clicking on "Save" will close the box and save the Skin as a new option in the Skin selection on the right.

As soon as you think that you are familiar with the navigation, reply to this message so that I can explain the first steps.
Reply
:iconxxdemonic-entityxx:
xXDemonic-EntityXx 1 day ago  Student General Artist
Alright!
....Hnm..Okay.
Reply
:iconretsamys:
RetSamys 1 day ago  Hobbyist General Artist
OK, next up, we will discuss the parts of the Journal. They all have names.

The whole Journal is called .journalbox and it contains all the other parts.
.journaltop is the title and the date. It contains:
.journaltop h2 - the title
.journaltop h2 a - the title as a link
.journaltop img - the Journal icon
.journaltext is the main text, your Journal entry. It contains everything you type in the Journal Header and in the Journal Footer. More on that later, if needed.
.journalbottom is the bottom part and it only contains the link to how many comments you have. It contains:
.journalbottom .commentslink
.list is the Mood/Eating/Listening to box. It contains:
.list .a - this is every second item in the list.

There is more, but this should do it. Short list:
.journalbox
.journaltop
.journaltext
.journalbottom
.list

OK?
Reply
(1 Reply)
:iconstranglerfig:
stranglerfig 4 days ago  Hobbyist Digital Artist
could you code this please?

sta.sh/01xulw3vx5s3
Reply
:iconretsamys:
RetSamys 4 days ago  Hobbyist General Artist
.journalbox{
background:url("http://th05.deviantart.net/fs71/PRE/f/2014/106/f/d/skin_by_stranglerfig-d7epo2k.png");
background-size:contain;
width:660px;
height:1022px;
}

.journaltop{
background:transparent;
height:96px;
text-align:center;
padding-top:35px;
}

.journaltext{
margin-left:30px;
width:566px;
overflow:auto;
height:550px;
}

.list{
position:absolute;
left:37px;
bottom:52px;
overflow:auto;
width:367px;
height:234px;
}

.list .a{background:transparent;}
Reply
:iconstranglerfig:
stranglerfig 4 days ago  Hobbyist Digital Artist
thank you so much!!
Reply
:iconxxlpsuniversexx:
xxLPSUniversexx 5 days ago  New member Hobbyist Traditional Artist
Can please code this? xxlpsuniversexx.deviantart.com…
Reply
:iconretsamys:
RetSamys 5 days ago  Hobbyist General Artist
Sure. But I have difficulties understanding the design. Where do you want the title and where do you want the text?
Reply
:iconxxlpsuniversexx:
xxLPSUniversexx 5 days ago  New member Hobbyist Traditional Artist
Just like the other one you did plz! Thx
Reply
:iconretsamys:
RetSamys 5 days ago  Hobbyist General Artist
Um... I'm not sure which other one you mean, but here you go:


body{
background:url(http://th09.deviantart.net/fs70/PRE/i/2014/105/6/6/make_a_wish_by_xxlpsuniversexx-d7ek5y7.jpg);
background-size:contain;
width:520px;
height:685px;
padding:70px;
}

.journalbox{
background:url("http://fc04.deviantart.net/fs71/f/2012/362/a/7/semi_transparent_white_by_retsamys-d5pibks.png") transparent;
border-radius:20px;
}
.list{display:none;}

.journaltop{
background:transparent;
text-align:center;
}

.journaltext{
height:600px;
overflow:auto;
}
Reply
(1 Reply)
:iconzapp1n:
ZAPP1N 6 days ago  Student Digital Artist
Hello! Can you pplease help me coding this ? : zapp1n.deviantart.com/art/Jour…
Reply
:iconretsamys:
RetSamys 5 days ago  Hobbyist General Artist
.journalbox{
background:url("http://th06.deviantart.net/fs71/PRE/i/2014/084/f/f/journal_skin_by_zapp1n-d7bk8hm.png");
background-size:contain;
width:660px;
height:825px;
}

.journaltop{
background:transparent;
text-align:center;
padding-top:135px;
height:78px;
}

.list{display:none;}

.journaltext{
width:500px;
margin:auto;
height:565px;
overflow:auto;
border-radius:20px;
background:url("http://fc04.deviantart.net/fs71/f/2012/362/a/7/semi_transparent_white_by_retsamys-d5pibks.png");
}
Reply
:iconsk1es:
SK1ES 1 day ago  New member
How can i use it ?.o.
Reply
:iconretsamys:
RetSamys 21 hours ago  Hobbyist General Artist
Go to the page where you write your Journal entries. Click on "Edit Skin" on the right. A new box will open. Paste the code into the text field below "Skin CSS". Save.
Reply
:iconkrischan8:
krischan8 Mar 31, 2014  Professional Digital Artist
Thanks for the watch! :D
Reply
:iconretsamys:
RetSamys Mar 31, 2014  Hobbyist General Artist
I like your gallery, it seemed like the logical choice. =9
Reply
Hidden by Owner
Hidden by Owner
:iconjcatsby:
hello! i have a question x3
do you know how to code a skin to stretch? 
I can't figure it out for the life of me ;A;
Reply
:iconretsamys:
RetSamys Mar 28, 2014  Hobbyist General Artist
In theory, yes. Don't set any width and height. Use
margin:auto;
to place objects in the middle. You can have a stretchable image and add
background-size:contain;
or set the size to a percentage or you can also use cover instead of contain. But this is not how good Journal Skins work. Good Journal Skins work with repeatable images and single, stratigically placed non-repeatable images. This one is a good example:
fc06.deviantart.net/fs71/f/201…
It uses these images:
fc02.deviantart.net/fs71/f/201… fc01.deviantart.net/fs71/f/201… fc04.deviantart.net/fs71/f/201… fc09.deviantart.net/fs71/f/201… fc02.deviantart.net/fs70/f/201… fc00.deviantart.net/fs70/f/201… fc03.deviantart.net/fs70/f/201… fc04.deviantart.net/fs70/f/201… fc08.deviantart.net/fs71/f/201… fc00.deviantart.net/fs71/f/201… fc05.deviantart.net/fs70/f/201… fc07.deviantart.net/fs71/f/201… fc01.deviantart.net/fs71/f/201… fc02.deviantart.net/fs70/f/201… fc05.deviantart.net/fs70/f/201… fc07.deviantart.net/fs70/f/201… fc05.deviantart.net/fs71/f/201… fc06.deviantart.net/fs71/f/201…

If you have a fixed background image, it'll be hard or even impossible to stretch it correctly.
Reply
:iconjcatsby:
oooh I see... so.. if I say had a white bg, or a transparent one.. would that work? :3 
Reply
:iconretsamys:
RetSamys Mar 28, 2014  Hobbyist General Artist
Either transparent or the colour of your background for single, non-repeated images, yes.
You can position background images with background-position.

background-position:50% 50%;

This code would put the image in the centre.
Reply
(1 Reply)
:iconxxlightningstar13xx:
Thank you so much!!
Sorry to be a bother but is it possible to put on those things that people have when it's like 
Eating :
Watching:
Playing: 
etc 
If not that's fine this is epic thank you again SO SO SO SO much! I can do a free comission for you if you like just check out my commission list :)
Reply
:iconretsamys:
RetSamys Mar 12, 2014  Hobbyist General Artist
I'm fine, you don't need to do anything for me.


Skin Header:
<div class="samys1"><div class="samys2"><div class="samys2">
Skin CSS:
body{
margin:auto;
width:660px;
height:790px;
}

.journalbox {
height:775px;
    background:url('http://openclipart.org/image/800px/svg_to_png/20776/rg1024_Set_of_soft_clouds_2.png') #87CEEB;
    background-repeat:repeat-x;
    background-position:0 20%;
    background-size:200px;
}

.list {
    width:644px;
    padding:5px;
    background:#FFFFFF;
position:absolute;
bottom:25px;
margin:auto;
}

.list .a {
    background:transparent;
    float:right;
    clear:right;
}

.journaltop {
    padding:5px 0;
    width:500px;
    background-color:#FFFFFF;
    margin:15px auto;
    text-align:center;
}

.journaltext {
    padding:0;
    background:url('http://openclipart.org/image/800px/svg_to_png/171366/1343748940.png') #FFFFFF;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:bottom;
    width:500px;
    height:500px;
    margin:auto;
    overflow:auto;
}

.samys1 {
    background:url('http://fc09.deviantart.net/fs70/f/2014/067/8/e/apple_journal_skin_art_by_xxlightningstar13xx-d79derm.png');
    background-repeat:no-repeat;
    background-position:50% 30px;
    min-height:500px;
    overflow:auto;
}

.samys2 {
    background:url('http://fc04.deviantart.net/fs71/f/2012/362/a/7/semi_transparent_white_by_retsamys-d5pibks.png');
    min-height:500px;
}

.samys2 .samys2 {
    padding:5px;
}

.journalbottom {
    background:#FFFFFF;
    margin:15px auto 75px;
    width:500px;
    padding:0;
}

.credits {
    padding:5px;
    background:#FFFFFF;
    position:absolute;
    margin:auto;
top:630px;
    width:490px;
}

Skin Footer:
</div></div></div><div class="credits">Skin coded by: :devretsamys:<br>Skin designed by :devxxlightningstar13xx:</div>
Reply
Add a Comment: