You explained it well! I am just inexperienced and theres a lot of code there haha
That’s an SVG (Scalable Vector Graphic) image. That’s the code from the first example, which you’d use if your icons were SVGs.
However, like I said, you probably want to use the code from the second example, which uses a base64 encoded PNG image.
Use the Base64 Encode/Decode site to encode your PNG icons. Go to that site and scroll down to the “Encode files into Base64 format” section, make sure that “Destination character set for text files” is set to “BINARY”, click the box to select the image file, and then click the “> ENCODE <” button. Once it’s converted, click “CLICK OR TAP HERE” to download the base64 encoded image.
Next, open up the text file with the base64 encoded image data that you downloaded in a decent text editor (like Notepad++) and copy-and-paste that image data into your CSS here:
background: no-repeat left url('data:image/png;base64,[paste image data here]');
(Note: You should replace all of “[paste image data here]”, including the brackets, with the base64 image data. Change “image/png” to the appropriate MIME type if you use something other than a PNG image.)
That will build the icons into the CSS code in your Stylesheet section, so you won’t need to include them as separate files.
Have fun! 
1 Like
I got it! thank you so much for your time!
So Its still not working.
In my css I have:
.local a {
position: relative;
padding-left: 15px;
background: no-repeat left url('data:image/png;base64,[iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAABmJLR0QA_wD_AP-gvaeTAAAXnElEQVR4nO2daXSc1XmAn_uNZtNotZC8yLIkbLwgYwM1IQFSQmNoSNKmFMxpCpaN1260OPGWblFbQuKFkobTcmLLuyEnQGlSmsJpTQItpuSYeEVesLEWy7K1WbJGmlXzvf0xGtvROpJmNCPpPuf4MNZdvleeh_tt770XNBqNRqPRaDTjDZXoAJKJsrIyo3JyR7FYpRhTFSlUkSlSoJTKAW78owAb4Opq2gEEAAGaI39EpBll1KCkyhCqLIZROa3GUVVWVmaO-C-XpIxbARe9ushid9881xC5F7gdmA-UcF2qeNEOqgLkuBJ1RAgd9GZWV7z2-GuhOB83KRk_Agpq6fZ1801lfEkp-S2BzwLp3aulOhykO1JxOR2kOVNJczqxp1ix2azYrTbsVisKMAyDFIsFgM5QCNM0EcAfDOIPBggEgvg6A3R4fbR7PXR4fbi9Hjx-Xy_BqTaU_B_CL0yl3t6_bNNxFBLXf48kYUwLuOqHq6y-lOyFCI-BPAxMvrE8zekkNyuLnIxMstMyyE5Lw2a1xjWmQDBIS7ubVrebJvdVGltbafd6u1erU8JbSsnrttDVd7at3haMa1AJZOwJKKil5RvvF8wnRfEIMCFS5LTbmZKTy5ScHPKysnHa7QkM9Dpev5-G1hbqmpuoa27C6_ffWNwMvKFQ-_cs3_S_Y21kHDMCLn5pbZ6yGUsQVgAzIz_PcqUxbeIkCvLyyEpLQyX5rywIrW43FxobqKq_TFtHx43FZxSq3AyG9u77460NiYoxliT3txEFi8vXzlXK-AbCHwJ2CI900yfnUzRpMllpaQmOcHi0tLupvnyJTy_V3Tgy-kG9rEz-cc-qTRWJjG-4jFoBS3dsuA_krxEegvDAlp-Ty4z8qeTn5GIYo_ZX6xXTFC42N3C2tpa6K010nYgFeFsh39mzYsvBxEY4NEbdt7R459q7lRh_jfBVCN-NFk2cxK1FxWS5RvdoFy1uj4fTtTWcq71AyOx6pCjqgCHqL3ev-t6hxEY3OEaNgEt-uG66GMYWlDwCkGKxMLugkDmFhdittkSHlxB8gQCnaqo4U1NDpxkCEEG9gYTW7Vu5tTLR8UVD0gv4xP6nMyw-518CzwB2i2Ewc2oBc4tvHrfidccXCFBReZ5PLl4bEX0CL_j8qc-99qdl7YmOrz-SWsAl5Ru-IshLQAFAfm4un5k1B5fDmeDIkhOPz8fRT89SeekSEr5IvCTCn-1bufmNRMfWF0kp4NJd6yZJyPiBIIsAJqRncNes2eRmZSc6tFFBQ0sLhz45TYu7LfKjHwcl5S9-tPK5-kTG1RtJJ2DpjrWPIMY24CaLYVBSVMzc4psxlJHo0EYVpil8UlvD0U_PSmcopIAmRK3Yu3LTTxMd240kjYCL_rkszWn3vACsAJiYnc1n58wlPTU1wZGNbtweDx-erKC-9QoAotiG1fzGvtKtHQM0HRGSQsDF29fPUYa8gajZhlLMnz6TksKiJIluDCDwcXUlxz49i4igUCdDSn5___LNZxIdWsK_4iU71j0qonYB6RmpLu67bR4T0jMSHdaYpLntKu-fOI7b6yGcgRNaunf51n9LZEyJE1BQpeUbnkXJtwBVkJvHPXNvw2pJSVhI44FgZycHK05Q29gAICie3bts87cTleSQEAGf_sHT9qsu5y6ErysU82fMoKSoOOkTBcYKglBReZ6j58-BgAgvZ3m9y1_88xf9A7eOLSP-jS8vXzOhE-tPBD6fYrHIvXPnqYLcvJEOQwNcaKzn_RPHww-vhfeMlMDv7X7q-60jGcOICrj4pbV5ymr8FzDfYbPzwPw7ycnU13uJpLntKu8ePYw3EACoMEMpD-5f_dylkTr-iAlYumdNPp0pBxA1Oy01lYV3LCDNqd9oJAPtXi8HDh-KZGafSlEs3Ll8c91IHHtEBCzdsyafoPU9YHqmy8XCO-9KmmxkTRiPz8eBIx9FEmA_xRq8f--SFy7G-7hxFzCcqazeQ9Ts7LR0vnjnAhw2nUSQjPgCAd45_BEt7W6AUxbDcv-uZd9tjOcx4_p-a3n5mgnKavw3omZnulxaviTHYbPxxTsXkOFyAcwJmaH_Wrrrmax4HjNuAi56tcwWxPo6MC8tNZWFd96l5RsFOGw2Ft557fr8djNk--nTP3g6btdL8RFQUE63ZzfwgMNmZ-EdC_Q13ygi1e7gi3dcO1v95tVURzkSn8s1Szw6XVKw_lngTyyGwcI77hr1E4PGI3arlbysbCovX0KEefMP38uxNw--G-vjxFzAJTvWPSqoFxVKfX7e7UyaMGHgRpqkJNXhINOVRnXDZYD75__OfUePvXkwpgkMMT0FP7lj_SwRYyegbp8xA_2GY_QzLW8i84pnACiU7Fu8ff2cWPYfMwEX_XNZmoH8BCSjIDePW4uKY9W1JsHMK57O1NxcgHSleG3VD8tilqQZMwGdds8LiJqdkerinrm36cSCsYSCe0puiyQHl_gNz_Ox6jomAj5Zvv73gBVKKe7VKVVjEluKlc_PnY-hFKL4oyU71v9uLPodtoBLd62bZMB2gNunzyQnI3P4UWmSkgkZGcybPgMAEcoXv7R22Bf5wxZQQsYPgJsmZmeH0-g1Y5qSwmLysrMBcg2r8U_D7W9YApZuW_dVQRZZDIPPzpmbBAn-mnijlOJzc-ZiMQwE_mC4p-IhK9O1YsEpYMqdt8zk1sKxedf7YOFvDav9f1f_PEaRJBcVVec5cu4sQI3YzFuHOstuyCNg13IZUyakZzC7oGio3WhGKXMKi8hOSweYRsCycaj9DEnAZTs33gw8o1AsmDl7zC2FphkYQxl8ZvYcFAqFrF26a2PRkPoZSqPOkGwF7IUTJ0YuSDXjkNysbAom5gE4JCSbh9LHoAVcvHPt3Sh5xGIY3HHLrKEcUzOG-I1bZnXdkMhjS7Zv_I3Bth-0gMq0_D3ArIJpuByOwTbXjDFcDie3TC0AUKLMvxts-0EJuKR83b0gD6UYljF716sZPLcV3xzZM-UrpTvWfm4wbQcloCj1NwCzpxXq7GbNNexWGzMLCsJ_EeOvBtM2agEXl6-di_CQxTCYPa1wcBFqxjy3TivGYhgAX35i5zdvjbZd1AIaWL4JqOmT8_Xop-mBw2bj5slTAJTFtKyJtl1UAi5-aW2eIF9HwexCPfppemf2tKJIGt6TT-38Vm40baISUNmMJYA9PyeXjNR4byapGa1kulxMzskBcHSGQqXRtBlYQEF1bX_FjPypwwpQM_aZkZ8PgFKsjGYm3YACLi3feD8w02m3k58T1aiqGcdMzc3DGb5HmFW6c8O9A9UfUEDBfBJg-uR8_c5XMyCGMiieMiX8Fwm702_9_gpX_XCVtWvLU4onTe6vqkZzjeKJEVfUo18oK-t3fka_AnqNzAeBCRkuF5l6crkmSrLTMyLry9w0Nd_zQH91-xVQKeNRgKKJevTTDI5peZMAUAaP9VevbwEFBfIlgII8PcFcMzgKwvOIUcKX-6vXp4BLt6-bD0xx2u16bRfNoMlJz4zcDU9dsm1DSV_1-hRQDPUwQH7OTXqSuWbwKJicc1P4s8HDfVXr7xrwAbihE41mkETcEaTPmV29Crjo1UUWQd0NkKd3qNQMkYnXp2vcs-jVRb2uxNargM626fNAMtKcTr2wpGbIpNodkaz5TFfHzb2maPVxCjY_B5CbFdflgTXjgMgZNGRKr6_l-roGvB3Q67xohs2EzLBDSuT23sr7EnA-QHZ6enyi0owbsl0Rh9S83sp7CFhWVmYAJQBZLi2gZnjc8Ax5bm_pWT0ErJzcUQy4Uu0O7FZrnMPTjHUcNlvkRjZ96e6NPdLpewgoVikGSE_V-7hpYkN6156Apmn2mMvbU0CxFAOkOWK2DLBmnJPmDLukTIq6l_UQ0BApBHDpnSw1MeKaS0oVdS_rkSwoMBVImmU3hrs-X6JJdPzJsD6hyxEWUJQUdC_r7TFMLqDn_mpihqPrZlaJ9Egs6E3AmwB9B6yJGRGXBBWVgDnhRnoE1MQG-_WzaU73sp4CKtIBrCl6rw9NbLjBpYzuZT0FFOxAZKEZjWbYWNQ1l3qkVvUmoA1A6TnAmhhhMa6lAkYhoAoLeIO1Gs2wuGFBgygE1GhGkN5OwQGAkJgjHoxmbGKaEvno717W2yk4ACDXG2k0wyJkhiIfoxLQH26kR0BNbLjhbBqFgEIbQLCzM65BacYPweA1l652L-vtJqQJwBcMxDEkzXjCFwxGPjZ1L-tNwGaAQCDYS5FGM3j81wez5u5legTUxB1_ZARUPQXs8cJXQa0AHT5f3AOLhkTns-n9godPh88LgBJ1oXtZz5R8pAqgw-uNd1yacUK71xP-IGG3bqTnKdgIV2rXAmpiRGQwUxiV3ct6CJhCynkAd8RajWaYuD1hAQMqOLCA02ocVUC7x--7fvGo0QwRfzCAN-AHcL-y_Pma7uW9rYxgAh8DtLa3xz1Azdimxe2OfDyOosf73b6yYU4AtLrb4hSWZrzQ0hEexJSEnepOrwIqUUcAmtw93pxoNIOi-WrYIVHqaG_lvQoYMvgAoLG1NW6BacYHDS0tACiT93sr71XAGRecJ4Cr7V4vniR5IK0ZfbT7vHj8PoCW4jrnqd7q9Cpg-EZE_RKg8aoeBTVDo7Hlmjv_13Vz24P-Nqr5BUBdc48EBo0mKuquNAIgQp_vI_sU0DR4C6CuqQnpefes0fSPwKXmcO6BaQm91Ve1PgXcv2zTcaDOG_DTev1ZjkYTFc1tbfgCAYDal5c9f7Kven2fghWiJDwKXmhsiHmAmrFNbVN91yf5WX_1BtgtU14HqLp8OUZhacYLEWcU6rX-6vUrYFWt6wDQ2ObpoKVdn4Y10XGlrS2SzNJYXZv6Xn91-xXw3bKyTuAnANWXL8UsQM3Ypqo-4oq83uVQnwy4MoJC7Qf49NJFTD1ZXTMApgjnL9UBoODlgeoPKOCeFZv-Bzjl9Qe42KSfCWr6p7ahIXz3q-T0nuVbPhioflRrwyjUToCztT1S-jWaX-NcXW3XJ2N7b-lX3YlKQDMY2gv466400dbRMZz4NGOY1o72yMNnX7Czc280baIScN8fb20A9TICJy9UDydGzRjmVHU1giCKvT9a_XxU12tRL89mhIwtgJyvuxhJsdZoruENBKi6XAcgmHw_2nZRC7h79XdPA2-bpsnpGj0Kan6dU9WV4QWtFD_bt3Jzr6lXvTGoBSpNUz0LcKamBm9Ar5ygCeMN-DlTG55vZJh8ZzBtByXg_lWbPhB4u9MMUVHVY4adZpxSUVlJKGSikDd3r9z84WDaDnqJXotp_C0gZ2traPfpyevjnXavl08uXgAQwfLtwbYftIC7V33vkKDeCJkmR85-MtjmmjHG4bNnME0TBT_eu-J7RwbbfmiLlEtoHeCrrr9MfeuVIXWhGf3Ut1yhpqEeBG-Q0Mah9DEkAfet3Fop8ALAR2fO3LgItWacYIrJoTOnI3_d_MqK54f0aGTI2zT4_KnPAbUt7jZO1VQNtRvNKKWiqorWcIpelcNM3TzUfoa1HdLi7eu-rJT6mWEYfPXue8hwuYbTnWaU0Obx8LMPD4af-5nyO3tXbfmPofY1rI1q9q3c8p_Aj03T5JenTqLnLo19RIQPT57o2kVBXhmOfBCDnZKCkvIXQFN96xU-rtbPBsc6FVXnaWhtBUWDxUh5Zrj9DVvAH618rh5RKwCOf3qWpjY9kX2s0tx2lWPnPwUQEbVi17LvNg63z5jsFbd35aafimKbKcLBEyf0HiNjkEAwyP-eOIaIoJT8y74Vm96MRb-x26zQan5DoU66vR4OVpzQk9nHEgIHK06El20WTnjSO9fFquuYCbivdGuHmMYjwNXaxgYqKs_HqmtNgjleeY6LTY0AbsO0PP7a4y_E7B1sTLdr3bvqu5-gzKcAOXr-HBca6wdso0luqusvc7yy67oP9URXWl7MsAxcZXAc-_cPTs__2r0WhPtrmxpkck6OSrU7Yn0YzQjQ2NrKe8ePICIIUrZvxebtsT5GXDas3rts87dFeDkUMtW7R4_g9ugV90cbbo-Hd48dieyaumff8i3_EI_jxGfHdIU4zdangHd8gQAHDh_SqVujCI_PxztHPgrv8Sa8l-nxro5mhttQiI-AwLbV24KGJfAYcLTD5-PnR34VWS1Jk8R4IwNGeHOZXzlM9bUX__zFuE0CipuAALuf-n6rxbA8BJxq6-jgncMfaQmTGG8gwDuHD9Hm8aBQJ4Oh0Je2rd4U15Xqh5WMEC2le9bkE7S-B0zPcLlYeMcCUh36xiSZ8Ph9HPhVWD7gXIri_p3LN9fF-7gjIiDAsh3rp3QKB4A5aU4nX7xjAempqSN1eE0_uD0eDhz-iA6fF4U6aVHy4EjIByMoIMDy8jUTgljfAj5jT7Fy_-13kpeVNZIhaLrRdLWVd48dwRcIoITDhsXypVi8442WERUQYOmuZ7JCIeu_KdQXLMrg3tvmMS1v4kiHoSH8kPmDiq7UKiU_d3Qavx_va77uxPxB9EAc_emHvllPPvQjqz9QLDCvuuEyoMjLzkaN_P8P4xMJv1479MkpRARgjzfD9Qf7lnxnxB_YJu4bF1Rp-fpvo_hbQE3NzeWektuwpVgTFtJ4IBAMcrDiROTdrghStm_5ln-I13O-gUj4kFO6fcPXUOwFyUhPTeW-kvnkZGYkOqwxSVNbK--fOB55xtcqqNJYpVUNlYQLCFC67VszMUJvACVKKeZPn0FJYTFKJUV4ox4R4eOqSk6cP4cpAsIJI0Ue3f3UlrOJjm3ErwF749ib7zff_ZUHd4dUMEdgweUrV6hvvUJeVjZ2qz4lD4c2Twf_c_wI5y_VIeFZOy95M4OPv_Lk80mRqpR0Q8zibRt-WxmyC5hsMQxKioqZWzwdQ4-Gg8I0hVM1VRw_fy6SUNAoqOWJPuV2Jym_1cUvrc1TNuP7CF8HyE5LZ8Hs2UzMmpDo0EYF9S1XOHTmdGTeLiK8nGKxrBnJ53vRkpQCRijdseFhRF4CCgHyc3O5a-Yc0pzOBEeWnHj8Po6eO3ttlXpEXTSV_Nn-FZt_ktjI-iapBQRYvHeti4BloxL5JgqnxTC4ZWoBJUU347TZEh1eUuD1-6moquSTixcww6dbD8IWh5m6edvqsqROxkx6ASMs3bWxSEKyWZDHAGUxDGZNm8acacXjVkRvwM-p6irO1NYQCpkQvsl4lZBav3f1ppoEhxcVo0bACEt3bbhNQvxNRERDKYomTaaksJjMtLREhzciuD0eTtfWcK72QuQGA0QdUKiNe1Z-71eJjW5wjDoBI5TuWPs5xPgr4MuAUigm5-QwI38qU3NzMVRcUx1HHFOE2sZ6zl28yKXm5si0VxPFf4oyn923bOsvEx3jUBi1AkZ4Yuc3b7WYljXAYsAO4LTZKJ4yheKJk8lOH91vVa6426i6fInzl-puTOb1AfuMkOUfYz1LbaQZ9QJGeGrnt3I7Q6FSZcgKRM2O_DwjNZVpEyczLTePCekZyf8bCzS7r1Lb2EBV_eXuE7pOoVR5sLMz6n04kp1k_zqGROmODfcpU54QxaNAbuTnDpuNKTk3MSXnJvKys0mW6aIdPh8NLS3UXWnkUnPzr09bUDQg8q8KXt6zYsvBxEUZH8akgBG-UFaWMjXf84AyeEwJDwMFN5a7HA7ysrLJycgkKy2drLQ0HHG-o_YHA7S43bR0tHPl6lXqW1rw-H3dq9WAvIUhr3vTqn_x2uOvheIaVAIZ0wJ2Z3H52rlKGQ8jPADcA2R2r-O02UlPdZLmTCXN6cTlcGC32rBbreH_2qwoFIahSLGkANAZ6sQ0BUHwB4L4gwH8wSC-YBCPz0u710u714Pb4-lrf5VW4AMRfm6IenvPqk0V8fx3SCbGlYA3UlZWZlQVekvMEPeAeQeoecBcID2-R1ZtKPkYkRNgHBFCB6fXpp0sKysbl5sxj1sBe0VQS3dvLDRNs1iZFIlBsRJVAGaOKJWDkIMiG8EKpHBdVjfQiSKI0IKiWYk0g9EM1CBSpTAqAypY-cry52sSlfyp0Wg0Go1Go9EkA_8PyV9g83qSu24AAAAASUVORK5CYII]');
background-size: 15px 15px;
background-position-y: -1px;
color: #68d;
}
.local a:hover, .local a:focus {
filter: brightness(1.3);
}
and in my game I have:
<span class="local">[[Leave the station|Carriage]]
</span>
Re-read my last message. The answer is in there. You need to read the posts more carefully.
I’m just not seeing what I missed :c
I put the png into it the base64 encoder. made sure it was sent to binary. then copy and pasted it into where I was supposed to.
dont get me wrong, im not questioning you. I just dont see what I missed! :c
No, you didn’t. Read the note which followed that line.
I realized I misunderstood and kept the brackets, but I did it without the brackets and it still isnt working.
I’m sorry if this is frustrating! I am slightly autistic. so Im sorry if I’m missing something really obvious.
Now it looks like
.local a {
position: relative;
padding-left: 15px;
background: no-repeat left url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAYAAACLz2ctAAAABmJLR0QA_wD_AP-gvaeTAAAXnElEQVR4nO2daXSc1XmAn_uNZtNotZC8yLIkbLwgYwM1IQFSQmNoSNKmFMxpCpaN1260OPGWblFbQuKFkobTcmLLuyEnQGlSmsJpTQItpuSYeEVesLEWy7K1WbJGmlXzvf0xGtvROpJmNCPpPuf4MNZdvleeh_tt770XNBqNRqPRaDTjDZXoAJKJsrIyo3JyR7FYpRhTFSlUkSlSoJTKAW78owAb4Opq2gEEAAGaI39EpBll1KCkyhCqLIZROa3GUVVWVmaO-C-XpIxbARe9ushid9881xC5F7gdmA-UcF2qeNEOqgLkuBJ1RAgd9GZWV7z2-GuhOB83KRk_Agpq6fZ1801lfEkp-S2BzwLp3aulOhykO1JxOR2kOVNJczqxp1ix2azYrTbsVisKMAyDFIsFgM5QCNM0EcAfDOIPBggEgvg6A3R4fbR7PXR4fbi9Hjx-Xy_BqTaU_B_CL0yl3t6_bNNxFBLXf48kYUwLuOqHq6y-lOyFCI-BPAxMvrE8zekkNyuLnIxMstMyyE5Lw2a1xjWmQDBIS7ubVrebJvdVGltbafd6u1erU8JbSsnrttDVd7at3haMa1AJZOwJKKil5RvvF8wnRfEIMCFS5LTbmZKTy5ScHPKysnHa7QkM9Dpev5-G1hbqmpuoa27C6_ffWNwMvKFQ-_cs3_S_Y21kHDMCLn5pbZ6yGUsQVgAzIz_PcqUxbeIkCvLyyEpLQyX5rywIrW43FxobqKq_TFtHx43FZxSq3AyG9u77460NiYoxliT3txEFi8vXzlXK-AbCHwJ2CI900yfnUzRpMllpaQmOcHi0tLupvnyJTy_V3Tgy-kG9rEz-cc-qTRWJjG-4jFoBS3dsuA_krxEegvDAlp-Ty4z8qeTn5GIYo_ZX6xXTFC42N3C2tpa6K010nYgFeFsh39mzYsvBxEY4NEbdt7R459q7lRh_jfBVCN-NFk2cxK1FxWS5RvdoFy1uj4fTtTWcq71AyOx6pCjqgCHqL3ev-t6hxEY3OEaNgEt-uG66GMYWlDwCkGKxMLugkDmFhdittkSHlxB8gQCnaqo4U1NDpxkCEEG9gYTW7Vu5tTLR8UVD0gv4xP6nMyw-518CzwB2i2Ewc2oBc4tvHrfidccXCFBReZ5PLl4bEX0CL_j8qc-99qdl7YmOrz-SWsAl5Ru-IshLQAFAfm4un5k1B5fDmeDIkhOPz8fRT89SeekSEr5IvCTCn-1bufmNRMfWF0kp4NJd6yZJyPiBIIsAJqRncNes2eRmZSc6tFFBQ0sLhz45TYu7LfKjHwcl5S9-tPK5-kTG1RtJJ2DpjrWPIMY24CaLYVBSVMzc4psxlJHo0EYVpil8UlvD0U_PSmcopIAmRK3Yu3LTTxMd240kjYCL_rkszWn3vACsAJiYnc1n58wlPTU1wZGNbtweDx-erKC-9QoAotiG1fzGvtKtHQM0HRGSQsDF29fPUYa8gajZhlLMnz6TksKiJIluDCDwcXUlxz49i4igUCdDSn5___LNZxIdWsK_4iU71j0qonYB6RmpLu67bR4T0jMSHdaYpLntKu-fOI7b6yGcgRNaunf51n9LZEyJE1BQpeUbnkXJtwBVkJvHPXNvw2pJSVhI44FgZycHK05Q29gAICie3bts87cTleSQEAGf_sHT9qsu5y6ErysU82fMoKSoOOkTBcYKglBReZ6j58-BgAgvZ3m9y1_88xf9A7eOLSP-jS8vXzOhE-tPBD6fYrHIvXPnqYLcvJEOQwNcaKzn_RPHww-vhfeMlMDv7X7q-60jGcOICrj4pbV5ymr8FzDfYbPzwPw7ycnU13uJpLntKu8ePYw3EACoMEMpD-5f_dylkTr-iAlYumdNPp0pBxA1Oy01lYV3LCDNqd9oJAPtXi8HDh-KZGafSlEs3Ll8c91IHHtEBCzdsyafoPU9YHqmy8XCO-9KmmxkTRiPz8eBIx9FEmA_xRq8f--SFy7G-7hxFzCcqazeQ9Ts7LR0vnjnAhw2nUSQjPgCAd45_BEt7W6AUxbDcv-uZd9tjOcx4_p-a3n5mgnKavw3omZnulxaviTHYbPxxTsXkOFyAcwJmaH_Wrrrmax4HjNuAi56tcwWxPo6MC8tNZWFd96l5RsFOGw2Ft557fr8djNk--nTP3g6btdL8RFQUE63ZzfwgMNmZ-EdC_Q13ygi1e7gi3dcO1v95tVURzkSn8s1Szw6XVKw_lngTyyGwcI77hr1E4PGI3arlbysbCovX0KEefMP38uxNw--G-vjxFzAJTvWPSqoFxVKfX7e7UyaMGHgRpqkJNXhINOVRnXDZYD75__OfUePvXkwpgkMMT0FP7lj_SwRYyegbp8xA_2GY_QzLW8i84pnACiU7Fu8ff2cWPYfMwEX_XNZmoH8BCSjIDePW4uKY9W1JsHMK57O1NxcgHSleG3VD8tilqQZMwGdds8LiJqdkerinrm36cSCsYSCe0puiyQHl_gNz_Ox6jomAj5Zvv73gBVKKe7VKVVjEluKlc_PnY-hFKL4oyU71v9uLPodtoBLd62bZMB2gNunzyQnI3P4UWmSkgkZGcybPgMAEcoXv7R22Bf5wxZQQsYPgJsmZmeH0-g1Y5qSwmLysrMBcg2r8U_D7W9YApZuW_dVQRZZDIPPzpmbBAn-mnijlOJzc-ZiMQwE_mC4p-IhK9O1YsEpYMqdt8zk1sKxedf7YOFvDav9f1f_PEaRJBcVVec5cu4sQI3YzFuHOstuyCNg13IZUyakZzC7oGio3WhGKXMKi8hOSweYRsCycaj9DEnAZTs33gw8o1AsmDl7zC2FphkYQxl8ZvYcFAqFrF26a2PRkPoZSqPOkGwF7IUTJ0YuSDXjkNysbAom5gE4JCSbh9LHoAVcvHPt3Sh5xGIY3HHLrKEcUzOG-I1bZnXdkMhjS7Zv_I3Bth-0gMq0_D3ArIJpuByOwTbXjDFcDie3TC0AUKLMvxts-0EJuKR83b0gD6UYljF716sZPLcV3xzZM-UrpTvWfm4wbQcloCj1NwCzpxXq7GbNNexWGzMLCsJ_EeOvBtM2agEXl6-di_CQxTCYPa1wcBFqxjy3TivGYhgAX35i5zdvjbZd1AIaWL4JqOmT8_Xop-mBw2bj5slTAJTFtKyJtl1UAi5-aW2eIF9HwexCPfppemf2tKJIGt6TT-38Vm40baISUNmMJYA9PyeXjNR4byapGa1kulxMzskBcHSGQqXRtBlYQEF1bX_FjPypwwpQM_aZkZ8PgFKsjGYm3YACLi3feD8w02m3k58T1aiqGcdMzc3DGb5HmFW6c8O9A9UfUEDBfBJg-uR8_c5XMyCGMiieMiX8Fwm702_9_gpX_XCVtWvLU4onTe6vqkZzjeKJEVfUo18oK-t3fka_AnqNzAeBCRkuF5l6crkmSrLTMyLry9w0Nd_zQH91-xVQKeNRgKKJevTTDI5peZMAUAaP9VevbwEFBfIlgII8PcFcMzgKwvOIUcKX-6vXp4BLt6-bD0xx2u16bRfNoMlJz4zcDU9dsm1DSV_1-hRQDPUwQH7OTXqSuWbwKJicc1P4s8HDfVXr7xrwAbihE41mkETcEaTPmV29Crjo1UUWQd0NkKd3qNQMkYnXp2vcs-jVRb2uxNargM626fNAMtKcTr2wpGbIpNodkaz5TFfHzb2maPVxCjY_B5CbFdflgTXjgMgZNGRKr6_l-roGvB3Q67xohs2EzLBDSuT23sr7EnA-QHZ6enyi0owbsl0Rh9S83sp7CFhWVmYAJQBZLi2gZnjc8Ax5bm_pWT0ErJzcUQy4Uu0O7FZrnMPTjHUcNlvkRjZ96e6NPdLpewgoVikGSE_V-7hpYkN6156Apmn2mMvbU0CxFAOkOWK2DLBmnJPmDLukTIq6l_UQ0BApBHDpnSw1MeKaS0oVdS_rkSwoMBVImmU3hrs-X6JJdPzJsD6hyxEWUJQUdC_r7TFMLqDn_mpihqPrZlaJ9Egs6E3AmwB9B6yJGRGXBBWVgDnhRnoE1MQG-_WzaU73sp4CKtIBrCl6rw9NbLjBpYzuZT0FFOxAZKEZjWbYWNQ1l3qkVvUmoA1A6TnAmhhhMa6lAkYhoAoLeIO1Gs2wuGFBgygE1GhGkN5OwQGAkJgjHoxmbGKaEvno717W2yk4ACDXG2k0wyJkhiIfoxLQH26kR0BNbLjhbBqFgEIbQLCzM65BacYPweA1l652L-vtJqQJwBcMxDEkzXjCFwxGPjZ1L-tNwGaAQCDYS5FGM3j81wez5u5legTUxB1_ZARUPQXs8cJXQa0AHT5f3AOLhkTns-n9godPh88LgBJ1oXtZz5R8pAqgw-uNd1yacUK71xP-IGG3bqTnKdgIV2rXAmpiRGQwUxiV3ct6CJhCynkAd8RajWaYuD1hAQMqOLCA02ocVUC7x--7fvGo0QwRfzCAN-AHcL-y_Pma7uW9rYxgAh8DtLa3xz1Azdimxe2OfDyOosf73b6yYU4AtLrb4hSWZrzQ0hEexJSEnepOrwIqUUcAmtw93pxoNIOi-WrYIVHqaG_lvQoYMvgAoLG1NW6BacYHDS0tACiT93sr71XAGRecJ4Cr7V4vniR5IK0ZfbT7vHj8PoCW4jrnqd7q9Cpg-EZE_RKg8aoeBTVDo7Hlmjv_13Vz24P-Nqr5BUBdc48EBo0mKuquNAIgQp_vI_sU0DR4C6CuqQnpefes0fSPwKXmcO6BaQm91Ve1PgXcv2zTcaDOG_DTev1ZjkYTFc1tbfgCAYDal5c9f7Kven2fghWiJDwKXmhsiHmAmrFNbVN91yf5WX_1BtgtU14HqLp8OUZhacYLEWcU6rX-6vUrYFWt6wDQ2ObpoKVdn4Y10XGlrS2SzNJYXZv6Xn91-xXw3bKyTuAnANWXL8UsQM3Ypqo-4oq83uVQnwy4MoJC7Qf49NJFTD1ZXTMApgjnL9UBoODlgeoPKOCeFZv-Bzjl9Qe42KSfCWr6p7ahIXz3q-T0nuVbPhioflRrwyjUToCztT1S-jWaX-NcXW3XJ2N7b-lX3YlKQDMY2gv466400dbRMZz4NGOY1o72yMNnX7Czc280baIScN8fb20A9TICJy9UDydGzRjmVHU1giCKvT9a_XxU12tRL89mhIwtgJyvuxhJsdZoruENBKi6XAcgmHw_2nZRC7h79XdPA2-bpsnpGj0Kan6dU9WV4QWtFD_bt3Jzr6lXvTGoBSpNUz0LcKamBm9Ar5ygCeMN-DlTG55vZJh8ZzBtByXg_lWbPhB4u9MMUVHVY4adZpxSUVlJKGSikDd3r9z84WDaDnqJXotp_C0gZ2traPfpyevjnXavl08uXgAQwfLtwbYftIC7V33vkKDeCJkmR85-MtjmmjHG4bNnME0TBT_eu-J7RwbbfmiLlEtoHeCrrr9MfeuVIXWhGf3Ut1yhpqEeBG-Q0Mah9DEkAfet3Fop8ALAR2fO3LgItWacYIrJoTOnI3_d_MqK54f0aGTI2zT4_KnPAbUt7jZO1VQNtRvNKKWiqorWcIpelcNM3TzUfoa1HdLi7eu-rJT6mWEYfPXue8hwuYbTnWaU0Obx8LMPD4af-5nyO3tXbfmPofY1rI1q9q3c8p_Aj03T5JenTqLnLo19RIQPT57o2kVBXhmOfBCDnZKCkvIXQFN96xU-rtbPBsc6FVXnaWhtBUWDxUh5Zrj9DVvAH618rh5RKwCOf3qWpjY9kX2s0tx2lWPnPwUQEbVi17LvNg63z5jsFbd35aafimKbKcLBEyf0HiNjkEAwyP-eOIaIoJT8y74Vm96MRb-x26zQan5DoU66vR4OVpzQk9nHEgIHK06El20WTnjSO9fFquuYCbivdGuHmMYjwNXaxgYqKs_HqmtNgjleeY6LTY0AbsO0PP7a4y_E7B1sTLdr3bvqu5-gzKcAOXr-HBca6wdso0luqusvc7yy67oP9URXWl7MsAxcZXAc-_cPTs__2r0WhPtrmxpkck6OSrU7Yn0YzQjQ2NrKe8ePICIIUrZvxebtsT5GXDas3rts87dFeDkUMtW7R4_g9ugV90cbbo-Hd48dieyaumff8i3_EI_jxGfHdIU4zdangHd8gQAHDh_SqVujCI_PxztHPgrv8Sa8l-nxro5mhttQiI-AwLbV24KGJfAYcLTD5-PnR34VWS1Jk8R4IwNGeHOZXzlM9bUX__zFuE0CipuAALuf-n6rxbA8BJxq6-jgncMfaQmTGG8gwDuHD9Hm8aBQJ4Oh0Je2rd4U15Xqh5WMEC2le9bkE7S-B0zPcLlYeMcCUh36xiSZ8Ph9HPhVWD7gXIri_p3LN9fF-7gjIiDAsh3rp3QKB4A5aU4nX7xjAempqSN1eE0_uD0eDhz-iA6fF4U6aVHy4EjIByMoIMDy8jUTgljfAj5jT7Fy_-13kpeVNZIhaLrRdLWVd48dwRcIoITDhsXypVi8442WERUQYOmuZ7JCIeu_KdQXLMrg3tvmMS1v4kiHoSH8kPmDiq7UKiU_d3Qavx_va77uxPxB9EAc_emHvllPPvQjqz9QLDCvuuEyoMjLzkaN_P8P4xMJv1479MkpRARgjzfD9Qf7lnxnxB_YJu4bF1Rp-fpvo_hbQE3NzeWektuwpVgTFtJ4IBAMcrDiROTdrghStm_5ln-I13O-gUj4kFO6fcPXUOwFyUhPTeW-kvnkZGYkOqwxSVNbK--fOB55xtcqqNJYpVUNlYQLCFC67VszMUJvACVKKeZPn0FJYTFKJUV4ox4R4eOqSk6cP4cpAsIJI0Ue3f3UlrOJjm3ErwF749ib7zff_ZUHd4dUMEdgweUrV6hvvUJeVjZ2qz4lD4c2Twf_c_wI5y_VIeFZOy95M4OPv_Lk80mRqpR0Q8zibRt-WxmyC5hsMQxKioqZWzwdQ4-Gg8I0hVM1VRw_fy6SUNAoqOWJPuV2Jym_1cUvrc1TNuP7CF8HyE5LZ8Hs2UzMmpDo0EYF9S1XOHTmdGTeLiK8nGKxrBnJ53vRkpQCRijdseFhRF4CCgHyc3O5a-Yc0pzOBEeWnHj8Po6eO3ttlXpEXTSV_Nn-FZt_ktjI-iapBQRYvHeti4BloxL5JgqnxTC4ZWoBJUU347TZEh1eUuD1-6moquSTixcww6dbD8IWh5m6edvqsqROxkx6ASMs3bWxSEKyWZDHAGUxDGZNm8acacXjVkRvwM-p6irO1NYQCpkQvsl4lZBav3f1ppoEhxcVo0bACEt3bbhNQvxNRERDKYomTaaksJjMtLREhzciuD0eTtfWcK72QuQGA0QdUKiNe1Z-71eJjW5wjDoBI5TuWPs5xPgr4MuAUigm5-QwI38qU3NzMVRcUx1HHFOE2sZ6zl28yKXm5si0VxPFf4oyn923bOsvEx3jUBi1AkZ4Yuc3b7WYljXAYsAO4LTZKJ4yheKJk8lOH91vVa6426i6fInzl-puTOb1AfuMkOUfYz1LbaQZ9QJGeGrnt3I7Q6FSZcgKRM2O_DwjNZVpEyczLTePCekZyf8bCzS7r1Lb2EBV_eXuE7pOoVR5sLMz6n04kp1k_zqGROmODfcpU54QxaNAbuTnDpuNKTk3MSXnJvKys0mW6aIdPh8NLS3UXWnkUnPzr09bUDQg8q8KXt6zYsvBxEUZH8akgBG-UFaWMjXf84AyeEwJDwMFN5a7HA7ysrLJycgkKy2drLQ0HHG-o_YHA7S43bR0tHPl6lXqW1rw-H3dq9WAvIUhr3vTqn_x2uOvheIaVAIZ0wJ2Z3H52rlKGQ8jPADcA2R2r-O02UlPdZLmTCXN6cTlcGC32rBbreH_2qwoFIahSLGkANAZ6sQ0BUHwB4L4gwH8wSC-YBCPz0u710u714Pb4-lrf5VW4AMRfm6IenvPqk0V8fx3SCbGlYA3UlZWZlQVekvMEPeAeQeoecBcID2-R1ZtKPkYkRNgHBFCB6fXpp0sKysbl5sxj1sBe0VQS3dvLDRNs1iZFIlBsRJVAGaOKJWDkIMiG8EKpHBdVjfQiSKI0IKiWYk0g9EM1CBSpTAqAypY-cry52sSlfyp0Wg0Go1Go9EkA_8PyV9g83qSu24AAAAASUVORK5CYII');
background-size: 15px 15px;
background-position-y: -1px;
color: #68d;
}
.local a:hover, .local a:focus {
filter: brightness(1.3);
}
and it is a png Im using
It looks like, yet again, you only followed some of the instructions, and the reason why things aren’t working is because of the instructions you ignored.
Follow all of those instructions and then it will work.
Okay. I went to the site. went to the part that said “encode files into binary format”. Clicked the square. Chose the png. made sure Destination character set for text files was set to BINARY . I encoded it. and it gave me a text document with this data in it:
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
I then copy and pasted into the css in the area I was supposed to. Without the brackets. and it is a png, so the MIME type is correct.
I really dont see what step im ignoring :c
Im gonna try a different png and see if maybe it just doesnt like that one.
Well, that time you got the correct base64 image data (unlike in the post before that one).
So if it isn’t working for you now, then you must have done something else wrong. (You did update to that new base64 image data, correct?)
No, the problem isn’t with that PNG. The problem is that you’re doing something else wrong now.
I can’t tell you what, since you didn’t show your code, but I’d recommend taking a look at the code that works, and compare that to your code that doesn’t, and try to figure out what you’re doing differently.
You likely just need to make sure that you’re not skipping anything, since that seems to be where a lot of your problems come from.
Yes I did.
So right now CSS looks like:
.pos a {
position: relative;
padding-left: 15px;
background: no-repeat left url('data:image/png;base64,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');
background-size: 15px 15px;
background-position-y: -1px;
color: #68d;
}
.pos a:hover, .pos a:focus {
filter: brightness(1.3);
}
and my sugarcube looks like:
<span class="pos">[[Approach the coachman|Carriage]]
</span>
and then when I play test no symbol.
I am truly sorry this is giving me such a hard time.
Nope, you didn’t.
Remember when I said this?
Well, as I suspected, you didn’t update to that new base64 data. I can tell, because the new version ends with “=”, and the old one didn’t.
You have to use the correct base64 data or it won’t work.
weird…I thought I copy and pasted from my above comment.
well this time I DID copy and paste it from my above comment. and Im not getting anything.
and it looks like:
.pos a {
position: relative;
padding-left: 15px;
background: no-repeat left url('data:image/png;base64,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');
background-size: 15px 15px;
background-position-y: -1px;
color: #68d;
}
.pos a:hover, .pos a:focus {
filter: brightness(1.3);
}
which should be right? correct?
Does the png need to be under a certain size? Like data wise or resolution wise.
This image i think is 128x128 and I tired with another that is 64x64
Could another code on my css sheet be interfering with it?