12px

Hello everybody!! :D How are you all? ^^ Hope you are doing well hehe! :) *hugs tight in you all* ♥ So, as my blog is still quite new, so I was not sure if I would do it or not, anyway i’m honored to present you my first follow forever, and motivation to make a this is i reached a new follower goal this week and i want to celebrate with every single one of my followers and mutuals. ♥ Life has been difficult for me cause of university but yeah… its going quite well :D I want to thank ALL OF YOU for staying with me still and for being part of my life ;U; Whithout you I couldn’t get so far in many many things! Not only here but in my life, you always help me to carry on, to stay strong and have loads of fun in the end of a tiring day ;U; Every single you mean a lot to me ok? Even if I dont talk much to some of you, you all are very precious to me and I’m glad we are here and know each other, sharing our stuff and putting a little smile on everyones face :D PLS NEVER CHANGE GUYS!! <33 hehe I wish you all BEST LUCK for everything and may all your days be filled with happiness and love :D You deserve anything good! ♥ sorry for the simple edit lol

Bold: precious friends & mutuals (even if we don’t talk much, you’re my precious sunshine!)

Italics: lovely blogs who fill my dash with lovely posts, people who I look up to

0-G

@12px | @95s | @94seulqi@asleepykid | @agustdoll | @affektionate@berribaek | @baechyu | @btees | @byunteh@bhbaekhyun | @chimchins | @cyphrs@cataerpie | @cchims | @cottontae | @cappukkino | @chaehwon | @divinesuga | @daeguboy | @dearmyjimin | @dimplechim | @doekyum | @eatchim | @eggkook | @etud-e | @gotjimin | @giantgyu | @glowguk | @ghostnamjoon | @galaxyxing

H-K

@hyungwyn | @hobilu | @hosieok | @hyunswon | @honeyjeon | @hoseokin | @huinnun | @hunah | @hunbyun@hosoeok | @hsseoks@hyungnu | @hoseokloved | @illicitblue | @juungkook | @jonginism | @jpghope@jeonggukk | @jeongahn | @jjoen | @jhopej | @j-bum | @jongkookie | @jiminsaid | @jichul | @ji-min | @jiminhale | @jiminliess | @jeon-gguk | @jngkookz | @kths | @kimtqtae | @kookiekoodo | @kasugate | @kool-lay | @knv | @kkwonhyuk

L-R

@lemonjimin | @lattaek | @lovingmyjk | @mblaq | @minghaou | @mnyunki | @mssuga | @minsugah | @mochiho | @morgrenth | @mainmaknae | @minghaio | @murahsoo | @myhoneyoongi | @namjoone | @namseok | @nmju | @namphilia | @nochuism | @namgin | @nohara@oshmilks | @oo-ji | @oshleepy | @oddseoks | @ohjoonie | @odaazai | @owhalien | @pcyoongi@poutychens@prkjmochi | @prettytae | @peachjim | @pamilku | @pvrade | @rapmonsama 

S-Z

@syubbie | @skybluell | @syubble | @soukjins | @starmin | @study-ksj | @shyubi | @seoksjn | @stargguk | @snowystudiess | @sugacreme | @sungeol | @sukooks | @softjimns | @softjjks | @softfortae | @sehhunie | @seulginims | @sehokjin | @taeguk | @ttae | @taecheol | @taehvyngs | @taebaeul | @taehyunguh | @taenkful | @taeverie | @taevguk | @taemed | @tae-holic | @taegubun | @tpersephone | @ww96 | @wydkook | @wonuflake | @whateverjimin | @whaleien | @xehunted | @yoongitis | @yusumii | @yugyeomies | @yoongity 

♥  BLOGROLL - check out my blogroll to see my all awesome blogs I follow!

(sorry if I mispelled your url or if you changed your url on the last min!! message me if I got some of them wrong and I’ll correct it! <3) 

Encuesta: diseño de los foros

Total de encuestados considerados: 100

Existieron algunos que omitieron una o dos respuestas.

1. ¿Fondos claros o fondos oscuros? Elegir uno (el favorito) - sabemos que para muchos depende de la temática del foro, pero debes elegir cuál prefieres estéticamente.

Claros: 48,84%
Oscuros: 51,16% 

Keep reading

Aprendiendo sobre propiedades básicas #1.

El código te puede parecer chino mandarín cuando no lo entiendes, así que perderle el miedo es la clave para poder utilizarlo a tu favor. Las posibilidades que te ofrece son infinitas así que, vamos paso por paso, y aprendamos un poco qué hace cada propiedad. Ten en cuenta que lo expongo aquí son mis propias visiones/maneras de entender el código; y que la manera en la que expreso el contenido tratará de ser lo más simple posible.

  • Width. Ancho. Lo que mide un elemento de lado a lado horizontal.
  • Height. Largo. Lo que mide un elemento desde arriba hasta abajo.
  • Padding. Relleno. No te guíes por la traducción literal, el padding entiéndelo como el espacio que rellena un elemento.
  • Padding-top(bottom,left,right). Igual que lo de arriba, pero afectando sólo a uno de los lados del elemento, es decir, se generará un espacio entre el borde de la caja y el contenido sólo por el extremo que queramos.
  • Background. Fondo. Para esta propiedad se puede poner un color, con el código hexadecimal (por ejemplo: #FFFFFF) o una imagen (más adelante explicaré cómo hacerlo). Pero, además, ofrece muchas más propiedades y variables que explicaré en los posteriores tutoriales.
  • Border. Borde. Un elemento que rodea a otro en toda su extensión. Puede ser de un ancho y estilo variable.
  • Border-top(bottom,left,right). Un borde que sólo afecta a uno de los lados del elemento, a nuestra elección.
  • Border-radius. Borde circular (convierte el elemento en un círculo/elipsis). Se puede medir en píxeles o en porcentajes.
  • Margin. Margen o sangría. A diferencia del padding que lo que hace es poner espacio dentro del elemento (lo expande), el margin es el espacio que dejaremos fuera de la caja o elemento con respecto a otros elementos.
  • Margin-top(bottom,left,right). El margen que queremos dejar sólo por uno de los lados del elemento con respecto al exterior.
  • Font. Fuente. El tamaño de la letra y su tipografía ahora se pueden simplificar, por ejemplo: font:12px Arial. Hasta no hace mucho se colocaban por separado: font-size:12px;font-family;Arial. Si sigues escribiéndolo de esta manera estás desfasadX, puedes ahorrarte código y tiempo de la manera simplificada. Con respecto a las fuentes haré un tutorial más extenso así que no me voy a entretener ahora con ello.
  • Color. El color de la fuente. Tiene que ir seguido de un código hexadecimal, principalmente (ejemplo: color:#FFFFFF), pero hay otras variables que ya analizaremos.
  • Letter-spacing. El espacio entre las letras de un texto. E j e m p l o, algo así.
  • Text-align. Alineación del texto. Puede ir a la izquierda (left), centrado (center), derecha (right), justificado (justify), etc.
  • Text-transform. Transformación del texto. Puede hacerse el texto en mayúsculas (uppercase), minúsculas (lowercase), escribir sólo las iniciales en mayúsculas (capitalize), etc.
  • Text-shadow. Sombra del texto. Se puede colocar la sombra y establecer el color de la misma.
  • Font-style. El estilo de la fuente. Puede ser cursiva (italic), oblicua (oblique) o normal.
  • Font-weight. El peso de la fuente. Puede ser negrita (bold), más negrita (bolder), más fina (lighter), etc. También se puede medir en parámetros, del 100-900 (siendo 100 más suave, 900 más negrita).
  • Line-height. Determina la altura de una línea dentro de un elemento, normalmente se usa para alinear el texto. Se puede determinar en píxeles o en porcentajes.

A priori, se puede decir que controlando estas propiedades se puede empezar a entender el código. Es algo así como el primer pasito, quedan muchísimos más por dar pero, ¡paciencia! Puedes ir probando a manejarte con estos elementos y ver cómo funcionan.

¿Tienes dudas sobre alguna propiedad en concreto? ¡Pregunta! También puedes sugerir tutoriales sobre una propiedad que no esté mencionada ya aquí (mi intención es profundizar poco a poco en cada una de estas propiedades listadas antes de pasar a propiedades más avanzadas).

Si te ha servido este tutorial, me harías un favor compartiéndolo, reblogueándolo o dándole a “me gusta”. ¡Un saludo! ;-)

Sugar Baby Masterpost

I added a master post to my profile a few weeks ago, but I still get “How do I start?!?” in my ask box. So here’s an official post with a link to my profile containing all the reading material you will need as a sugar baby. 

http://yungsugarbb.tumblr.com/GettingStarted

anonymous asked:

out of curiosity how many blogs do you follow, do you have a blogroll?

ah i follow 422 blogs and no, i don’t have a blogroll yet ;; but im planning on making one (once i’ll get my laptop back sobs)

but those are the blogs i love the most : 

#-g

@12lee @12px @13lhg @22n @23rd @akcernam @amotae @aoibas @autummskies @baekshee @baeseoks @btees @bveathless @bwemin @cactussuga @cloudtaehyung @colorgone @cramjoon @cuddlesuga @cuteyas @evngelion @gotmeulk @gudetma

h-l

@haiiqu @haniue @hheartflia @hosoeok @illicitblue @irheon @irnperio @j1minnie @jeon-jpg @jeonpuma @jngkookz @jongday @kimjeongi @kimtqtae @knv @koyukie @kyunggsong @lavendervalar @llhoseok @lovebiotic @lrasshai

m-s

@milktu @minsugah @minysuga @mnyunki @mssuga @myhoneyoongi @namjoone @o8v @pastellyblue @pastelunnie @peach-suga @pureblxd @r-m @sebeak @see-and-remember @sehhunie @sehokjin @seoksjn @shmring @shyubi @skyberrii @soukjins @stargguk @strawberryseok @sugacreme @sungeol @syubble

t-z

@taecheol @taemed @taestheticals @taesynth @taevguk @tenyu @tofuseok @winkhyun @wydkook @yggirls @yoongity @yooseok @yuijn @yvoongi

rip i wanted to make it short but i love too many blogs

anonymous asked:

Is it possible to have just some words in a theme appear in a different font? For example, just the italic ones? c:

–( rolls up sleeves for tutorial time )–

hello there anon, absolutely.  

i’ll give you the rundown of how to change particular fonts and it’s really not too difficult as long as you know where to paste the bits of code.  if you check out my custom themes, you’ll see that most of them have alternative fonts for things like bold and italic…

this particular guide will only cover using google hosted fonts ( as it makes the whole thing easier tbh ) - there’s a fair amount of choice there, so i’m sure you’ll find something you like :3

step 1. find the google font you like

you need to go to google fonts - then browse the fonts until you see something you like - use the check boxes and categories over there on the left to filter things if you’re looking for a particular style.

for this demo i’ll be adding the ‘rock salt’ font to a theme.

step 2.  grab the codes you need for your theme

on every font, you’ll see two little icons down there in the bottom right corner.  the one you need to click for your codes is the box with the little arrow…

this takes you to the ‘quick use’ page - and it’s divided up into four numbered sections.  the information you need is from sections 3 and 4.

make sure you have a copy of both of those lines of code ( or just leave the tab open… ) and then go to the theme you want to edit…

step 3. adding the font code to your theme

now you need to give your browser a reference to find the font you want to use.  all we need to do is use the code from section 3.  you need to paste this into your code right up at the top where all of the variables are ( where you might have javascript references, or all the stuff that allows you to change colours, upload images, etc. ) - it’s basically the bit that’s all green and grey text.  paste the code from section 3 into that area above <style type=“text/css”> like so…

you can see i have a few fonts here - you can add as many as you want for different text styles…

step 4.  adding the code to your css ( for bold, italics, etc. )

so now we need to style the text - in your code, in the css part ( the bit that’s all orange and blue and purple and yellow… ) there will be different instructions to style different parts of your theme.  your theme maker may have already coded in instructions for things like ‘bold’ or ‘italic’ - so you can change things like colour… what you need to look for is the part that will probably look a little bit like this…

i, em {
  color:{color:italic};
  font-size:12px;}

and all you need to do is paste in the information from the google font quick use page section 4 - like so…

i, em {
  font-family: ‘Rock Salt’, cursive;
  color:{color:italic};
  font-size:12px;} 

NB/ just be aware that your custom font will not show correctly on the tumblr editor preview!  you will need to save and check your live site to see the font properly!  also make sure to check font-size, as some fonts will look a lot bigger or a lot smaller than your standard text and you may need to make adjustments!

and that’s it!

this is how your posts will look… any text that’s ‘italic’ will be in the new font :3

you can add different fonts into different areas of your code to override the standard body font.  you could add a different one for bold, maybe for asks or quotes…  

i hope this helps anon :3

Fansite Header Tutorial

Fansite Header Tutorial

So today I’m going to show you how to make the above. The header I’m making is 900x365 but I headers come in a lot of sizes so as long as the header you are making is rectangular this tutorial can apply to it.

Set Up

Pick a color that’s not a shade of gray. For mine I’m going to use #824a62. Fill in your background that color with the bucket fill tool. Now make a new layer. Choose a dark shade of gray. I’m going to use #151513. Now with the rectangle select tool make a rectangle that covers about one third of the graphic (mine is 900x120). Bucket fill this and then go to Select<None. 

Next click on the Ellipse Select tool. Make sure that under tool options you check the box next to fixed and put in 1:1. Make a circle in the middle of the graphic like so.

Bucket fill this with a light gray (#bbbbbb). Then move this layer so it is under the dark gray box.

Now get an image of your person and paste it on. Move the layer underneath the dark gray rectangle. Place it so that it’s placed more to the left, make sure most his/her face can be seen outside of the gray circle. Duplicate this image and move it to the right, make sure most of his/her face is positioned outside of the circle. Now get an eraser put it to about 50-65 and erase the top image so both of the images look blended. 

Right click on the duplicated layer and go down to merge down. 

Now put this layer on soft light, 45% opacity.

Now get another image of your person and paste it down. Scale it down if you have to and hard cut it (get rid of the background). Place the layer underneath the the gray rectangle layer.

Text

The font is your choice to be honest, just make sure the text is the same color as your dark shade of gray. Make sure the text covers the gray rectangle just a bit. I’m going to go for a simple font (vijaya, 105 px). There are spaces between the ‘ade’ and 'laide’ so the text doesn’t go over her.

Duplicate this layer but change the color to your original background color (mine is #824a62). 

Shift this layer three times to the left and once down. Place this layer below the dark gray box layer. Duplicate this layer, right click on it and go down to Alpha to Selection. Make sure your foreground color is true black (#000000) and background color is true white (#ffffff). Click on you blend tool and make a black to white gradient from bottom to top. Go up to Select<None. Put this layer on soft light. 

Make a new layer (this should be on top of the dark gray box layer). Take the rectangle select tool and make a thin rectangle like so.

Fill this in with the same color your semi circle is (light gray, #bbbbbb). Go to Select<None. 

Next take a simple font and put it on a relatively small size. (I’m going to use vijaya again since it is already simple on 12 px.) 

Depending on how many you need use the same setting for the rest and space it equally apart.

Make a new layer, put your foreground color to your background color (the top of you header color), take your paths tool and make a line in the middle of the dark gray box. On your tool options and click Stroke Path and put your settings like this.

Press stroke. 

For the welcome text blurb this is what you do:

Use the same font as the one you used on the links put make it a bigger size (like 18-24 px). The color should be the light gray of the links.

Take the same font, switch the color to the color of your original background/top of the header, and make the size smaller (8-12px).

With the same setting as before, put in the rest of your text (in a new text layer) but this time size the text box to where the first line begins and the end of your first line. Put the justify to filled. 

On the other side of the line you can put whatever of your choosing. I put an updates tab thing, using the rectangle select tool and text. 

And you are finished! :)

Please follow for more things gimp and if you found this useful make that ♥ red. 

2

Music Player 1 - 钻石 - Preview

So I wanted to try my hand at making a music player, and it’s pretty simple but I guess it came out alright.

Liking this post if you use it would be appreciated, as it keeps me motivated to continue coding. Giving credit if you use the player would be wonderful, but is in no way mandatory!

To install is fairly simple, just follow the instructions under the cut.

Keep reading

The “This Started as a Joke But Now I’m Committed to Writing a 100+ Page Essay About My Favorite Character” Rule Sheet

It’s not like you’re going to be penalized for breaking any of these or anything because this is all just fun, but this is just a guideline for all of us that are committed.

1. Standard essay format (12px font, Times New Roman, double-spaced)

  • You don’t technically have to do double-spaced, I guess (it would be pretty impressive if you wrote 100+ pages single-spaced, because holy shit.)
  • MLA or APA, whichever you want. Doesn’t really matter.

2. You can include a title page and table of content, which technically counts towards the goal–but if you wanna be an over-achiever, just shoot past it.

3. Pictures and visuals are fine. It’s a 100+ essay, so it would be pretty boring without things to go along with your writing and break up the text.

4. Don’t copy/paste blobs of text from the DR Wiki in lieu of actually writing it yourself, you cheater. Plenty of people have worked on/contributed to your character’s page, so they just wrote the essay for you. I wrote the majority of Sakakura’s wiki page myself, and even I’m not going to do that.

5. You don’t technically have to source anything, I guess?

6. This is a joke, don’t come to me asking why I’m taking this “too seriously” because I’m not.

My dear People. I hope you are all enjoying yourselves as much as I am. I shall not keep you longI have called you all together for a Purpose... Indeed, for Three Purposes! First of all, to tell you that I am immensely fond of you all, and that One Year is too short a time to live among such excellent and admirable Bloggers. I don’t know half of you half as well as I should like; and I like less than half of you half as well as you deserve… Secondly, to celebrate my Blog’s 1st Birthday! 🎂 Thank you very much for coming to my little party. Thirdly and finally…

no, i’m not actually leaving like Bilbo (yes, if you figured out this was from LotR i like you even more 😉) but i want to also celebrate that i reached 15k recently, which is u-n-b-e-l-i-e-v-a-b-l-e, honestly. thank you so much for following me, for sending me the loveliest messages and for showing so much love for my photos. it means a lot and i’m more grateful than i can express 💕

Keep reading

redflorencedelorance  asked:

Hello love! I'm a really big fan since your fnaf art and I admire your style so much. I'm starting to get the hang on my Sai Paint Tool but what has me baffled is how are you able to make such great detail! It's very hard for me to get detail across when the resolution of the tiniest pen looks horrible upclose. I don't mean to make a dumb question but I really wanna know. Hope you have a wonderful day!

well, i guess how detailed your art can be usually depends how big your canvas is. i typically draw on a canvas that’s at least 4000x4000 and at most 7000x7000, at 300dpi. 

it also depends on the kind of brush you use. i use the crayon brush in sai, which, up close-

is very textured, and doesn’t look very neat, right? however, once you zoom out/reduce the resolution, it looks much better. the brush sizes i use range from 4-12px, any smaller and the brush starts to look like this:

this brush is 2px, as opposed to the 12px brush in the last example. 

tbh i love the crayon brush because of how textured it is, and how it looks zoomed in/out, and it’s pretty much why i use it all the time haha.

so yea, there’s no trick to it, i just draw really damn big, and because of that i can make my art as detailed as i want it to be.

WoohoOoOOooOOoo so a little while ago while i was away on vacation i was extremely surprised to find that i finally hit 1k followers!!! *throws confetti everywhere* *chokes on a bit of confetti*
[edit: i procrastinated so long i actually hit 1.2k followers while i was working on this lmaooo]

And lemme just say wow i never thought that this trashy blog would get so much love from so many sweet people and i just asdkfja ;u; you guys are all super cool ok esp those who follow my other blogs too you guys are the mvp’s and i appreciate you
Those of you whom ive spoken to have all been super adorable and kind and just to let you know i genuinely look forward to talking to you daily :3

Sooo to celebrate this incredible milestone (for me anyways lmao) i thought i’d make my first follow forever! Now i dont actually follow that many blogs but id still like to show my appreciation for some of the incredible blogs that bless my dashboard everyday <3 

These are the blogs i follow for mostly kpop content and if you didnt know i follow under my main blog @5692x :D also being a painfully indecisive person this took way too long to make so im sorry if i forgot anybody!

So without further adue and praying that nothing messes up…

Keep reading

so this is my second christmas/winter on this blog and im also really close to a big goal of mine which is ??? how did this happen, so i decided that i’d make another follow forever even tho i hate making them so yep here it is, thank you all so much for making my dash amazing <3

Keep reading

Hi everyone, Iris here. Recently I hit 5k!! Here’s a thank you to everyone who’s been following me, whether it was just today or since day 1. I honestly never thought I would even like kpop, let alone be an exo-l and an army, and never did it cross my mind that I would start a blog and gain 5k! 

Keep reading